
/*@media screen and (max-width: 320px) {
    body {
        background-color:lightblue;
    }
}

@media screen and (min-width:320px) and (max-width:375px){
    body{
        background:yellow;
    }
}*/







.loveHouseCon {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;	
}

.loveHouseHeader {
	position: absolute;
	/*width: 414px;
	height: 403px;	*/
	overflow: hidden;
	
}
/*---------------------------- S 求婚 -------------------------------*/
.MarryScene{
	position: absolute;
	/*display: none;*/
	width: 100%;
	height: 94%;

}
	/*背景*/
.MarryScene_BG1{
	position: absolute;
	z-index: -1;
	width: 100%;
}
.MarryScene_BG2{
	position: absolute;
	top: 40%;
	width: 102%;
}
	/*云朵*/
.MarryScene_cloud{
	position: absolute;
	animation: loveHouseCloudMove 3000ms linear infinite alternate;
	-webkit-animation:loveHouseCloudMove 3000ms linear infinite alternate;
	-moz-animation: loveHouseCloudMove 3000ms linear infinite alternate;
	-ms-animation: loveHouseCloudMove 3000ms linear infinite alternate;
	-o-animation: loveHouseCloudMove 3000ms linear infinite alternate;
}	
.MarryScene_cloud1{
	transform: rotate(-8deg);
	top: 24%;		
	left: 8%;
	width: 13%;
}	
.MarryScene_cloud2{
	top: 8%;
	left: 25%;
	width: 6%;
}	
.MarryScene_cloud3{
	top: 18%;
	left: 50%;
	width: 8%;
}	
.MarryScene_cloud4{
	transform: rotate(-12deg);
	top: 2%;
	left:70%;
	width:12%;
}	
.MarryScene_cloud5{
	top: 25%;
	left: 80%;
	width: 8%;
}	
	/* 树木 */
.MarryScene_tree{
	position: absolute;
}
.MarryScene_tree1{
	top: 22%;
	left: 29%;
	width: 16%;
}
.MarryScene_tree2{
	top: 26%;
	left: 86%;
	width: 16%;
}

.MarryScene_tree3{
	top: 30%;
	left: 13%;
	width: 11%;
}
.MarryScene_tree4{
	top: 28%;
	left: 54%;
	width: 12%;
}
.MarryScene_tree5{
	top: 36%;

	width: 6%;
}
.MarryScene_tree6{
	top: 35%;
	left: 25%;
	width: 5%;
}
.MarryScene_tree7{
	top: 34%;
	left: 43%;
	width: 5%;
}
.MarryScene_tree8{
	top: 30%;
	left: 68%;
	width: 10%;
}

	/* 观众 */
.MarryScene_audienc1{
	position: absolute;	
	top: 34%;
	left: 1%;
	width:24%;
}
.MarryScene_Boy_eye1{
	position: absolute;
	top: 46.2%;
	left: 7%;
	width:3.5%;
}
.MarryScene_Boy_eye2{
	position: absolute;
	top: 46.2%;
	left: 16%;
	width:3.5%;
}

.MarryScene_audienc1_hand1{
	position: absolute;	
	transform: rotate(10deg);
	top: 55.5%;
	left: 10.2%;
	width:3%;
	animation: MarryScene_audienc1_hand1 1000ms linear infinite alternate;
	-webkit-animation:MarryScene_audienc1_hand1 1000ms linear infinite alternate;
	-moz-animation: MarryScene_audienc1_hand1 1000ms linear infinite alternate;
	-ms-animation: MarryScene_audienc1_hand1 1000ms linear infinite alternate;
	-o-animation: MarryScene_audienc1_hand1 1000ms linear infinite alternate;
	
}
@keyframes MarryScene_audienc1_hand1 {
	0% {
		-webkit-transform-origin: left top ;
		transform-origin:left top ;
	 transform: rotate(10deg);		
	}
	100% {		
		-webkit-transform-origin: left top ;
		transform-origin: left top ;
		transform: rotate(-15deg) 	
	}
}
.MarryScene_audienc1_hand2{
	position: absolute;	
	transform: rotate(-10deg);
	top: 55.5%;
	left: 13.5%;
	width:3%;
	animation: MarryScene_audienc1_hand2 1000ms linear infinite alternate;
	-webkit-animation:MarryScene_audienc1_hand2 1000ms linear infinite alternate;
	-moz-animation: MarryScene_audienc1_hand2 1000ms linear infinite alternate;
	-ms-animation: MarryScene_audienc1_hand2 1000ms linear infinite alternate;
	-o-animation: MarryScene_audienc1_hand2 1000ms linear infinite alternate;
}
@keyframes MarryScene_audienc1_hand2 {
	0% {
		-webkit-transform-origin: right top ;
		transform-origin:right top ;
	 transform: rotate(-10deg);		
	}
	100% {		
		-webkit-transform-origin: right top ;
		transform-origin: right top ;
		transform: rotate(15deg) 	
	}
}
.MarryScene_audienc2{
	position: absolute;	
	top: 34%;
	left: 78%;
	width: 22%;
}
.MarryScene_girl_eye1{
	position: absolute;
	top: 50.3%;
	left: 91%;
	width:2.5%;
}
.MarryScene_girl_eye2{
	position: absolute;	
	top: 50%;
	left: 84%;
	width:2.5%;
}

.MarryScene_audienc2_hand1{
	position: absolute;		
	top: 56.5%;
	left: 86%;
	width:3%;
	animation: MarryScene_audienc1_hand1 1000ms linear infinite alternate;
	-webkit-animation:MarryScene_audienc1_hand1 1000ms linear infinite alternate;
	-moz-animation: MarryScene_audienc1_hand1 1000ms linear infinite alternate;
	-ms-animation: MarryScene_audienc1_hand1 1000ms linear infinite alternate;
	-o-animation: MarryScene_audienc1_hand1 1000ms linear infinite alternate;
}
.MarryScene_audienc2_hand2{
	position: absolute;	
	/*transform: rotate(10deg);*/
	top: 56.5%;
	left: 89.5%;
	width:3%;
	animation: MarryScene_audienc1_hand2 1000ms linear infinite alternate;
	-webkit-animation:MarryScene_audienc1_hand2 1000ms linear infinite alternate;
	-moz-animation: MarryScene_audienc1_hand2 1000ms linear infinite alternate;
	-ms-animation: MarryScene_audienc1_hand2 1000ms linear infinite alternate;
	-o-animation: MarryScene_audienc1_hand2 1000ms linear infinite alternate;
}
/* 观众特效 */


.MarryScene_speak1{
	position: absolute;	
	transform: rotate(-20deg);
	top: 30%;
	left:1%;
	width:7%;
	
}
.MarryScene_speak2{
	position: absolute;	
	transform:rotate(55deg);
	top: 30%;
	left: 18%;
	width:7%;
}
.MarryScene_speak3{
	position: absolute;	
	transform:rotate(-45deg);
	top: 32%;
	left: 78%;
	width:7%;
}


/* 男猪脚 */
.MarryScene_boy{
	position: absolute;	
	z-index: 1;
	top: 43%;
	left: 21%;
	width:27%;
}
.MarryScene_hands1{
	position: absolute;	
	top: 71.7%;
	left: 38%;
	width:8%;
}
.MarryScene_hands2{
	position: absolute;	
	transform: rotate(7deg);
	z-index: 1;
	top: 74%;
	left: 38%;
	width:8%;
}
.MarryScene_ring{
	position: absolute;	
	z-index: 1;
	top: 71%;
	left: 42%;
	width:5%;
}
.MarryScene_shine{
	position: absolute;	
	z-index: 1;
	top: 68%;
	left: 44%;
	width:4%;
	animation: MarryScene_tear 500ms linear infinite alternate;
	-webkit-animation:MarryScene_tear 500ms linear infinite alternate;
	-moz-animation: MarryScene_tear 500ms linear infinite alternate;
	-ms-animation: MarryScene_tear 500ms linear infinite alternate;
	-o-animation: MarryScene_tear 500ms linear infinite alternate;
}

/* 女猪脚 */
.MarryScene_girl{
	position: absolute;	
	z-index: 1;
	top: 41%;
	left: 49%;
	width:33%;
}
.MarryScene_tear{
	position: absolute;	
	z-index: 1;
	transform: rotate(-180deg);
	top: 65%;
	left: 58.5%;
	width:2.5%;
	animation: farewell_Mom_tear 1500ms linear infinite alternate;
	-webkit-animation:farewell_Mom_tear 1500ms linear infinite alternate;
	-moz-animation: farewell_Mom_tear 1500ms linear infinite alternate;
	-ms-animation: farewell_Mom_tear 1500ms linear infinite alternate;
	-o-animation: farewell_Mom_tear 1500ms linear infinite alternate;
}
.MarryScene__blusher{
	position: absolute;
	z-index: 1;
	top: 66%;
	left: 56%;
	width:5%;
	animation: MarryScene_tear 1000ms linear infinite alternate;
	-webkit-animation:MarryScene_tear 1000ms linear infinite alternate;
	-moz-animation: MarryScene_tear 1000ms linear infinite alternate;
	-ms-animation: MarryScene_tear 1000ms linear infinite alternate;
	-o-animation: MarryScene_tear 1000ms linear infinite alternate;	
}

@keyframes MarryScene_tear {
	0% {
		opacity: 0.4;
		transform: matrix(0.6,0,0,0.6,0,0);	
		
	}
	100% {		
		opacity: 1;
		transform: matrix(1,0,0,1,0,0);	
	}
}

	/*大花边*/
.MarryScene_lace{
	position: absolute;
	top: 72%;
	left: -3%;
	width:106%;
}
	/* 蝴蝶 */
.MarryScene_Butterfly{
	position: absolute;
	z-index: 1;
	
}
.MarryScene_Butterfly1{
	transform: rotate(80deg);
	top: 90%;
	left:7%;
	width:5%;
	animation: MarryScene_Butterfly1 3500ms linear infinite ;
	-webkit-animation:MarryScene_Butterfly1 3500ms linear infinite ;
	-moz-animation: MarryScene_Butterfly1Scene_Butterfly 3500ms linear infinite ;
	-ms-animation: MarryScene_Butterfly1 3500ms linear infinite ;
	-o-animation: MarryScene_Butterfly1 3500ms linear infinite ;	
}
.MarryScene_Butterfly2{
	transform: rotate(60deg);	
	z-index: 0;
	top: 52%;
	left: 70%;
	width:3.5%;
	animation: MarryScene_Butterfly2 4000ms linear infinite ;
	-webkit-animation:MarryScene_Butterfly2 4000ms linear infinite ;
	-moz-animation: MarryScene_Butterfly2 4000ms linear infinite ;
	-ms-animation: MarryScene_Butterfly2 4000ms linear infinite ;
	-o-animation: MarryScene_Butterfly2 4000ms linear infinite ;	
}
.MarryScene_Butterfly3{	
	z-index: 0;
	top: 64%;
	left: 72%;
	width:5%;
	animation: MarryScene_Butterfly3 4000ms linear infinite ;
	-webkit-animation:MarryScene_Butterfly3 4000ms linear infinite ;
	-moz-animation: MarryScene_Butterfly3 4000ms linear infinite ;
	-ms-animation: MarryScene_Butterfly3 4000ms linear infinite ;
	-o-animation: MarryScene_Butterfly3 4000ms linear infinite ;	
}

@keyframes MarryScene_Butterfly1{
	0% {
		opacity: 0.5;		
		transform: matrix(0.8,0,0,0.8,0,0) rotate(-10deg);			
	}
	30% {
		opacity: 1;		
		transform: matrix(1,0,0,1,-20, -50) rotate(10deg);	
	}	
	60% {
		opacity: 0.8;
		transform: matrix(0.8,0,0,0.8,10, -100) rotate(20deg);	
	}	
	90% {
		opacity: 1;		
		transform: matrix(1,0,0,1,-10, -150) rotate(-10deg);		
	}
	100% {
		opacity: 0.6;	
		transform: matrix(1,0,0,1,10, -160) rotate(-10deg);
		}
}
@keyframes MarryScene_Butterfly2{
	0% {
		opacity: 0.5;		
		transform: matrix(0.1,0,0,0.1,-0,0) rotate(-10deg);			
	}
	30% {
		opacity: 1;		
		transform: matrix(1,0,0,1,-40, -30) rotate(-50deg);	
	}
	
	60% {
		opacity: 1;
		transform: matrix(0.61,0,0,0.61,-80, -20) rotate(-70deg);	
	}	
	90% {
		opacity: 0.5;		
		transform: matrix(1,0,0,1,-120, -50) rotate(-50deg);		
	}
	100% {
		opacity: 0.1;	
		transform: matrix(1,0,0,1,-140, -40) rotate(-40deg);
		}
}
@keyframes MarryScene_Butterfly3{
	0% {
		opacity: 0.5;		
		transform: matrix(0.1,0,0,0.1,-0,0) rotate(90deg);			
	}
	30% {
		opacity: 1;		
		transform: matrix(1,0,0,1,40, -30) rotate(80deg);	
	}
	
	60% {
		opacity: 0.8;
		transform: matrix(0.7,0,0,0.7,80, -20) rotate(160deg);	
	}	
	90% {
		opacity: 0.9;		
		transform: matrix(1,0,0,1,120, -50) rotate(120deg);		
	}
	100% {
		opacity: 0.1;	
		transform: matrix(1,0,0,1,140, -40) rotate(100deg);
		}
}

	/* 小花花*/
.MarryScene_flower{
	position: absolute;
	z-index: 1;	
	animation: loveHouse_shine 3000ms linear infinite alternate;
	-webkit-animation:loveHouse_shine 3000ms linear infinite alternate;
	-moz-animation: loveHouse_shine 3000ms linear infinite alternate;
	-ms-animation: loveHouse_shine 3000ms linear infinite alternate;
	-o-animation: loveHouse_shine 3000ms linear infinite alternate;	
}
.MarryScene_flowerA{
	position: absolute;
	z-index: 1;	
	animation: loveHouse_shine 1500ms linear infinite alternate;
	-webkit-animation:loveHouse_shine 1500ms linear infinite alternate;
	-moz-animation: loveHouse_shine 1500ms linear infinite alternate;
	-ms-animation: loveHouse_shine 1500ms linear infinite alternate;
	-o-animation: loveHouse_shine 1500ms linear infinite alternate;	
}
.MarryScene_flower1{
	top: 66%;
	left: 6%;
	width:2.5%;
}
.MarryScene_flower2{
	transform: rotate(36deg);		
	top: 77%;
	left: 16%;
	width:2.5%;
}
.MarryScene_flower3{
	transform: rotate(36deg);		
	top: 82%;
	left: 28%;
	width:2.5%;
}
.MarryScene_flower4{	
	top: 47%;
	left: 47%;
	width:2.5%;
}
.MarryScene_flower5{	
	top: 85%;
	left: 54%;
	width:2%;
}
.MarryScene_flower6{	
	top: 82%;
	left: 70%;
	width:2.5%;
}
.MarryScene_flower7{	
	top: 72%;
	left: 75%;
	width:2%;
}
.MarryScene_flower8{	
	top: 68%;
	left:87%;
	width:1.5%;
}
.MarryScene_flower9{	
	top: 62%;
	left: 94%;
	width:3%;
}
 
 .MarryScene_Heart{
 	position: absolute;
 	z-index: 1;
 	animation: loveHouseSteam1 3000ms  linear infinite ;
	-webkit-animation: loveHouseSteam1 3000ms  linear infinite ;
	-moz-animation: loveHouseSteam1 3000ms  linear infinite ;
	-ms-animation: loveHouseSteam1 3000ms  linear infinite ;
	-o-animation: loveHouseSteam1 3000ms  linear infinite ;
 }
.MarryScene_Heart1{
 		top: 66%;
	left:19%;
	width:4%;
 }
.MarryScene_Heart2{
 		top: 61%;
	left:76%;
	width:4%;
 }
.MarryScene_Heart3{
 	top: 35%;
	left: 43%;
	width:4%;
 }
.MarryScene_Heart4{
	transform: rotate(60deg);	
 	top: 25%;
	left: 56%;
	width:4%;
 }
/*---------------------------- 求婚 E -------------------------------*/

/*---------------------------- S 结婚 -------------------------------*/

.marry{
	animation: marry 3000ms  linear 1 ;
	-webkit-animation: marry 3000ms  linear 1 ;
	-moz-animation: marry 3000ms  linear 1 ;
	-ms-animation: marry 3000ms  linear 1 ;
	-o-animation: marry 3000ms  linear 1 ;
}
@keyframes marry {
	0% {
		opacity: 0;				
	}
	
	100% {
		opacity: 1;
	
	
	}
	
}

.loveHouseCartoon2{
	position: absolute;
	/*display: none;*/
	width: 100%;
	height: 94%;
}
.loveHouse_BGBG2{
	position: absolute;
	z-index: -2;	
	width: 100%;
}
.loveHourse_adorn{
	position: absolute;	
	z-index: 1;
	top: 4%;
	right: 41%;
	width: 18%;
}
.loveHouse_BG2{
	position: absolute;	
	top: 10%;
	right: 12%;
	width: 75%;
}
.loveHouse_leftPurdah{
	position: absolute;	
	top: 13%;
	left: 12%;
	width: 37%;
}
.loveHouse_rightPurdah{
		position: absolute;	
	top: 13%;
	right: 12%;
	width: 37%;
}
.loveHouse_leftaDorn{
position: absolute;	
	top: 8%;
	left: 8%;
	width: 44%;
}
.loveHouse_rightaDorn{
		position: absolute;	
	top: 8%;
	right: 8%;
	width: 44%;
}
.loveHouse_lamplight1{
	position: absolute;		
	top: -9%;
	right: 0;
	width: 41%;	
	animation: loveHouse_lamplight1 3000ms  linear infinite alternate;
	-webkit-animation: loveHouse_lamplight1 3000ms  linear infinite alternate;
	-moz-animation: loveHouse_lamplight1 3000ms  linear infinite alternate;
	-ms-animation: loveHouse_lamplight1 3000ms  linear infinite alternate;
	-o-animation: loveHouse_lamplight1 3000ms  linear infinite alternate;
}
.loveHouse_lamplight2{
	position: absolute;	
	top: -9%;
	left: -5%;
	width: 41%;
	animation: loveHouse_lamplight2 3000ms  linear infinite alternate;
	-webkit-animation: loveHouse_lamplight2 3000ms  linear infinite alternate;
	-moz-animation: loveHouse_lamplight2 3000ms  linear infinite alternate;
	-ms-animation: loveHouse_lamplight2 3000ms  linear infinite alternate;
	-o-animation: loveHouse_lamplight2 3000ms  linear infinite alternate;
}
@keyframes loveHouse_lamplight1 {
	0% {
		-webkit-transform-origin: center top ;
		transform-origin:center top ;
	 transform: rotate(10deg);		
	}
	100% {		
		-webkit-transform-origin: center top ;
		transform-origin: center top ;
		transform: rotate(30deg) 	
	}
}
@keyframes loveHouse_lamplight2 {
	0% {
		-webkit-transform-origin: center top ;
		transform-origin:center top ;
		transform: rotate(-10deg);
		
	}
	100% {		
		-webkit-transform-origin: center top ;
		transform-origin: center top ;
		transform: rotate(-30deg) 	
	}
}
/*男猪脚*/
.loveHouse_boy{
	position: absolute;	
	z-index: 1;
	top: 30%;
	left: 24%;
	width: 27%;
}
.loveHouse_boyBlusher{
	z-index: 1;
	top: 52%;
	left: 40%;
	width: 5%;
}
.loveHouse_girl{
	position: absolute;	
	z-index: 1;
	top: 31%;
	right: 22%;
	width: 32%;
}

.loveHouse_girlBlusher{
	
	z-index: 1;
	top: 54%;
	left: 50%;
	width: 5%;
}
.loveHouse_boyBlusher,.loveHouse_girlBlusher{
	position: absolute;	
	
	animation: Blusher 1000ms  linear infinite alternate;
	-webkit-animation: Blusher 1000ms  linear infinite alternate;
	-moz-animation: Blusher 1000ms  linear infinite alternate;
	-ms-animation: Blusher 1000ms  linear infinite alternate;
	-o-animation: Blusher 1000ms  linear infinite alternate;
}
@keyframes Blusher {
	0% {
	opacity: 0;
		
	}
	100% {		
		opacity: 1;
	}
}

/* 地板 */
.loveHouse_siteFloor{
	position: absolute;
	z-index: -1;	
	top: 66%;	
	width: 94%;
}
/* 爱心 */
.loveHouse_heart1,.loveHouse_heart3,.loveHouse_heart5,.loveHouse_heart7{
	position: absolute;	
	animation: loveHouseSteam1 3000ms  linear infinite ;
	-webkit-animation: loveHouseSteam1 3000ms  linear infinite ;
	-moz-animation: loveHouseSteam1 3000ms  linear infinite ;
	-ms-animation: loveHouseSteam1 3000ms  linear infinite ;
	-o-animation: loveHouseSteam1 3000ms  linear infinite ;
}
.loveHouse_heart2,,.loveHouse_heart4,.loveHouse_heart6,.loveHouse_heart8{
	position: absolute;	
	animation: loveHouseSteam1 2000ms  linear infinite ;
	-webkit-animation: loveHouseSteam1 2000ms  linear infinite ;
	-moz-animation: loveHouseSteam1 2000ms  linear infinite ;
	-ms-animation: loveHouseSteam1 2000ms  linear infinite ;
	-o-animation: loveHouseSteam1 2000ms  linear infinite ;
}
.loveHouse_heart1{
	top: 29%;
	right: 50%;
	width: 5%;
}
.loveHouse_heart2{
	top: 67%;
	left: 16%;
	width: 3%;
}
.loveHouse_heart3{
	transform: rotate(100deg);
	top: 68%;
	right: 22%;
	width: 3%;
}
.loveHouse_heart4{
	top: 83%;
	right: 24%;
	width: 4%;
}
.loveHouse_heart5{
	transform: rotate(100deg);
	top: 89%;
	right:35%;
	width: 4%;
}
.loveHouse_heart6{
	
	top: 90%;
	right: 50%;
	width: 5%;
}
.loveHouse_heart7{
	top: 29%;
	right: 50%;
	width: 5%;
}
.loveHouse_pinkHeart1,.loveHouse_pinkHeart3,.loveHouse_pinkHeart5,.loveHouse_pinkHeart7{
	position: absolute;	
	animation: loveHouseReek 2500ms  linear infinite;
	-webkit-animation: loveHouseReek 2500ms  linear infinite;
	-moz-animation: loveHouseReek 2500ms  linear infinite;
	-ms-animation: loveHouseReek 2500ms  linear infinite;
	-o-animation: loveHouseReek 2500ms  linear infinite;
}
.loveHouse_pinkHeart2,.loveHouse_pinkHeart4,.loveHouse_pinkHeart6,.loveHouse_pinkHeart8{
	position: absolute;	
	animation: loveHouseReek 3000ms  linear infinite;
	-webkit-animation: loveHouseReek 3000ms  linear infinite;
	-moz-animation: loveHouseReek 3000ms  linear infinite;
	-ms-animation: loveHouseReek 3000ms  linear infinite;
	-o-animation: loveHouseReek 3000ms  linear infinite;
}
.loveHouse_pinkHeart1{
	top:65%;
	left: 24%;
	width:3%;
}

.loveHouse_pinkHeart2{
	transform: rotate(-50deg);
	top:72%;
	left: 30%;
	width:4%;
}
.loveHouse_pinkHeart3{	
	transform: rotate(-50deg);
	top: 70%;
	left: 4%;
	width: 4%;

}
.loveHouse_pinkHeart4{
	top:68%;
	right: 30%;
	width:3.5%;
}
.loveHouse_pinkHeart5{
	transform: rotate(40deg);
	top:76%;
	right: 26%;
	width:4%;
}
.loveHouse_pinkHeart6{
	transform: rotate(20deg);
	top:68%;
	right: 3%;
	width:4%;
}
.loveHouse_pinkHeart7{
transform: rotate(35deg);
	top:76%;
	right: 12%;
	width:4.2%;
}
.loveHouse_pinkHeart8{
transform: rotate(50deg);
	top:94%;
	right: 44%;
	width:3.5%;
}

/*闪光*/
.loveHouse_shine1,.loveHouse_shine3,.loveHouse_shine5,.loveHouse_shine7,.loveHouse_shine9{
	position: absolute;	
	z-index: 2;
	animation: loveHouse_shine 500ms  linear infinite alternate;
	-webkit-animation: loveHouse_shine 500ms  linear infinite alternate;
	-moz-animation: loveHouse_shine 500ms  linear infinite alternate;
	-ms-animation: loveHouse_shine 500ms  linear infinite alternate;
	-o-animation: loveHouse_shine 500ms  linear infinite alternate;
}
.loveHouse_shine2,,.loveHouse_shine4,.loveHouse_shine6,.loveHouse_shine8,.loveHouse_shine10{
	position: absolute;	
	z-index: 2;
	animation: loveHouse_shine 700ms  linear infinite alternate;
	-webkit-animation: loveHouse_shine 700ms  linear infinite alternate;
	-moz-animation: loveHouse_shine 700ms  linear infinite alternate;
	-ms-animation: loveHouse_shine 700ms  linear infinite alternate;
	-o-animation: loveHouse_shine 700ms  linear infinite alternate;
}
@keyframes loveHouse_shine {
	0% {
		opacity: 0;	
		
	}
	100% {		
		opacity: 1;	
	}
}

.loveHouse_shine1{
	top: 57%;
	right: 50%;
	width: 5%;	
}
.loveHouse_shine2{
	top: 48%;
	left: 28%;
	width: 3.5%;	
}
.loveHouse_shine3{
	top: 40%;
	right: 53%;
	width: 3%;	
}
.loveHouse_shine4{
	top: 32%;
	left: 22%;
	width: 5%;	
}
.loveHouse_shine5{
	top:28%;
	left: 40%;
	width: 3%;	
}
.loveHouse_shine6{
	top: 31%;
	left: 43%;
	width:4%;	
}
.loveHouse_shine7{
	top: 30%;
	right: 36%;
	width: 4%;	
}
.loveHouse_shine8{
	top:38%;
	right: 36%;
	width: 3.5%;	
}
.loveHouse_shine9{
	top: 34%;
	right: 25%;
	width: 5%;	
}
.loveHouse_shine10{
	top: 53%;
	right:27%;
	width: 5%;	
}

/* 气球 */
.loveHouse_ballute2,.loveHouse_ballute3{
	position: absolute;
	
	animation: loveHouse_ballute 3000ms  linear infinite;
	-webkit-animation: loveHouse_ballute 3000ms  linear infinite;
	-moz-animation: loveHouse_ballute 3000ms  linear infinite;
	-ms-animation: loveHouse_ballute 3000ms  linear infinite;
	-o-animation: loveHouse_ballute 3000ms  linear infinite;
	

}
.loveHouse_ballute1,.loveHouse_ballute4{
	position: absolute;
		animation: loveHouse_ballute1 4500ms  linear infinite;
	-webkit-animation: loveHouse_ballute1 4500ms  linear infinite;
	-moz-animation: loveHouse_ballute1 4500ms  linear infinite;
	-ms-animation: loveHouse_ballute1 4500ms  linear infinite;
	-o-animation: loveHouse_ballute1 4500ms  linear infinite;
}
@keyframes loveHouse_ballute{
	0% {
			opacity: 1;
		transform: matrix(0.6,0,0,0.6,0,0);	
	}
	30% {
			opacity: 1;
		transform: matrix(0.9,0,0,0.9,-3,-50);
		
	}
	60% {
			opacity: 1;
		transform: matrix(0.9,0,0,0.9,-8,-100);
		
	}
	90% {	
			opacity:1;	
		transform: matrix(1,0,0,1,-12, -140);
	
	}
	100% {
		opacity: 0.2;
		transform: matrix(1,0,0,1,-12, -150);
	
	}	
}
@keyframes loveHouse_ballute1{
	0% {
			opacity: 1;
		transform: matrix(0.6,0,0,0.6,0,0);	
	}
	30% {
			opacity: 1;
		transform: matrix(0.9,0,0,0.9,-3,-70);
		
	}
	60% {
			opacity: 1;
		transform: matrix(0.9,0,0,0.9,-8,-140);
		
	}
	90% {	
		opacity:1;	
		transform: matrix(1,0,0,1,-12, -210);
	
	}
	100% {
		opacity: 0.2;
		transform: matrix(1,0,0,1,-12, -220);
	
	}	
}
.loveHouse_ballute1{
	top: 76%;
	left: -2%;
	width: 15%;
}

.loveHouse_ballute2{
	top: 41%;
	left: -2%;
	width: 20%;
}
.loveHouse_ballute3{
	top: 41%;
	right: -2%;
	width: 20%;
}
.loveHouse_ballute4{
	top: 68%;
	right: -2%;
	width: 15%;
}

.loveHouse_father{
	position: absolute;
	z-index: 3;
	top: 63%;
	left: 0%;
	width: 30%;
}

.loveHouse_mother{
	position: absolute;
	z-index: 2;
	top: 65%;
	left: 24%;
	width: 30%;
}

.loveHouse_tear{
	position: absolute;
	z-index: 3;
	animation: farewell_Mom_tear 1500ms linear infinite alternate;
	-webkit-animation:farewell_Mom_tear 1500ms linear infinite alternate;
	-moz-animation: farewell_Mom_tear 1500ms linear infinite alternate;
	-ms-animation: farewell_Mom_tear 1500ms linear infinite alternate;
	-o-animation: farewell_Mom_tear 1500ms linear infinite alternate;
}
.loveHouse_tear1{
	top: 83%;
	left: 8%;
	width: 3%;
}
.loveHouse_tear2{
	top: 83%;
	left: 25%;
	width: 3%;
}
.loveHouse_tear3{
	top: 84.5%;
	left: 30%;
	width: 3%;
}
.loveHouse_tear4{
	top: 84.5%;
	left: 43%;
	width: 3%;
}
/*---------------------------- 结婚 E -------------------------------*/




/*---------------------------- S 爱情小屋动画1 -------------------------------*/
.loveHouseCartoon1{
	position: absolute;
	width: 100%;
	height:94%;	
/*
	background-image: url(../images/index/loveHouse/loveHouse1/loveHouse_BG.png);
	background-size: 100%;*/
}
.loveHouse_Bg{
	position: absolute;	
z-index: -1;
	width: 100%;
}
.loveHouseBlind{
	position: absolute;	
	z-index: 1;
	left: 30%;
	top: 3%;
	width: 54%;
}
.loveHouseWindow{
	position: absolute;
	left: 34%;
	top: 5%;
	width: 46%;
}
.loveHouseCloud{
	position: absolute;	
	left: 40%;
	top: 13%;
	width: 15%;

	animation: loveHouseCloudMove 3s linear infinite alternate;
	-webkit-animation:loveHouseCloudMove 3s linear infinite alternate;
	-moz-animation: loveHouseCloudMove 3s linear infinite alternate;
	-ms-animation: loveHouseCloudMove 3s linear infinite alternate;
	-o-animation: loveHouseCloudMove 3s linear infinite alternate;
}
@-webkit-keyframes loveHouseCloudMove {
	form {
		-webkit-transform: translateX(0);
	}
	to {
		-webkit-transform: translateX(-1.6rem);
	}
}
.loveHouseCutlery{
	position: absolute;	
	left: 8%;
	top: 8%;
	width: 18%;
}

.loveHouseTV{
	position: absolute;	
	left: 3%;
	top: 27%;
	width: 22%;
}
.loveHouseHearth{
	position: absolute;		
	top: 16%;
	width: 100%;
}
.loveHouseSteam1{
	position: absolute;		
	top: 33%;
	right: 28%;
	width: 4%;
	animation: loveHouseSteam1 2000ms  linear infinite;
	-webkit-animation: loveHouseSteam1 2000ms  linear infinite;
	-moz-animation: loveHouseSteam1 2000ms  linear infinite;
	-ms-animation: loveHouseSteam1 2000ms  linear infinite;
	-o-animation: loveHouseSteam1 2000ms  linear infinite;
}
@keyframes loveHouseSteam1 {
	0% {
		opacity: 0;		
		transform: matrix(0.1,0,0,0.1,0,10);	
	}
	30% {
		opacity: 1;		
		transform: matrix(0.9,0,0,0.9,-5,-5);
		
	}
	60% {
		opacity: 1;		
		transform: matrix(0.9,0,0,0.9,5,-20);
		
	}
	100% {
		opacity: 0.2;
		transform: matrix(1,0,0,1,0, -35);
	
	}
	
}
.loveHouseSteam2,.loveHouseSteam3,.loveHouseSteam4,.loveHouseSteam5{
	position: absolute;		
	animation: loveHouseSteam2 3500ms  linear infinite;
	-webkit-animation: loveHouseSteam2 3500ms  linear infinite;
	-moz-animation: loveHouseSteam2 3500ms  linear infinite;
	-ms-animation: loveHouseSteam2 3500ms  linear infinite;
	-o-animation: loveHouseSteam2 3500ms  linear infinite;
}
.loveHouseSteam2{
	top: 33%;
	right: 28%;
	width: 2.5%;
}
.loveHouseSteam3{	
	top: 32%;
	right: 33%;
	width: 3%;
}
.loveHouseSteam4{	
	top: 30%;
	right: 37.5%;
	width:2.5%;	
}
.loveHouseSteam5{
	top: 32%;
	right: 41%;
	width: 3%;
	
}
@keyframes loveHouseSteam2 {
	0% {
		opacity: 0;		
		transform: matrix(0.1,0,0,0.1,0,5);	
	}
	30% {
		opacity: 1;		
		transform: matrix(0.9,0,0,0.9,-3,-5);
		
	}
	60% {
		opacity: 1;		
		transform: matrix(0.9,0,0,0.9,3,-15);
		
	}
	100% {
		opacity: 0.2;
		transform: matrix(1,0,0,1,0, -25);
	
	}
	
}
.loveHouseFoolr{
	position: absolute;	
	z-index: -1;
	top: 61%;
	width: 100%;
}
.loveHouseCarpet{
	position: absolute;	
	top: 77%;
	left: 28%;
	width: 65%;
}
.loveHouseRug{
	position: absolute;	
	top: 62%;
	left: 4%;
	width: 85%;
}
.loveHouseDesk{
	position: absolute;	
	z-index: 3;
	top: 77%;
	left: 43%;
	width: 40%;
}
.loveHouseCup{
	position: absolute;	
	z-index: 3;
	top: 74%;
	right: 26%;
	width: 7%;
}
.loveHouseDish{
	position: absolute;
	z-index: 3;	
	top: 80%;
	right: 33%;
	width: 12%;
}
.loveHouseBoy{ 	
	position: absolute;	
	z-index: 3;
	left: 12%;
	top: 39%;
	width: 33.5%;
}
.loveHouse_boyEye1{
	position: absolute;
	z-index: 3;	
	left: 23.5%;
	top: 61%;
	width: 5%;
}
.loveHouse_boyEye2{
	z-index: 3;	
	position: absolute;	
	left: 34%;
	top: 60%;
	width: 5%;
}
.loveHouse_ladle{
	position: absolute;	
	z-index: 2;
	top: 71.5%;
	left: 33.5%;
	width: 13.5%;
	animation: loveHouse_ladle 1500ms  linear infinite alternate;
	-webkit-animation: loveHouse_ladle 1500ms linear infinite alternate;
	-moz-animation: loveHouse_ladle 1500ms linear infinite alternate;
	-ms-animation: loveHouse_ladle 1500ms linear infinite alternate;
	-o-animation: loveHouse_ladle 1500ms  linear infinite alternate;
}

@keyframes loveHouse_ladle {
	0% {
		-webkit-transform-origin: left top ;
		transform-origin:left top ;
	 transform: rotate(10deg);		
	}
	100% {		
		-webkit-transform-origin: left top ;
		transform-origin: left top ;
		transform: rotate(0deg) 	
	}
}

.loveHouseReek1{
	position: absolute;		
		z-index: 1;	
	top: 64%;
	left: 20%;
	width: 4%;
	animation: loveHouseReek 3000ms  linear infinite;
	-webkit-animation: loveHouseReek 3000ms  linear infinite;
	-moz-animation: loveHouseReek 3000ms  linear infinite;
	-ms-animation: loveHouseReek 3000ms  linear infinite;
	-o-animation: loveHouseReek 3000ms  linear infinite;
}
.loveHouseReek2{
	position: absolute;		
		z-index: 1;
	top: 66%;
	left: 22%;
	width: 6%;
	animation: loveHouseReek 4000ms  linear infinite;
	-webkit-animation: loveHouseReek 4000ms  linear infinite;
	-moz-animation: loveHouseReek 4000ms  linear infinite;
	-ms-animation: loveHouseReek 4000ms  linear infinite;
	-o-animation: loveHouseReek 4000ms  linear infinite;
}
@keyframes loveHouseReek {
	0% {
		opacity: 0;		
		transform: matrix(0.1,0,0,0.1,0,5);	
	}
	30% {
		opacity: 1;		
		transform: matrix(0.9,0,0,0.9,-3,-5);
		
	}
	60% {
		opacity: 1;		
		transform: matrix(0.9,0,0,0.9,-8,-15);
		
	}
	100% {
		opacity: 0.2;
		transform: matrix(1,0,0,1,-15, -25);
	
	}	
}

.loveHouseGirl{	
	position: absolute;
	z-index:3;	
	top: 42%;
	left: 39%;
	width: 36%;
}
.loveHouse_girlEye1{
	position: absolute;
	z-index: 3;	
	top: 64%;
	left: 47.5%;
	width: 3.5%;
}
.loveHouse_girlEye2{
	z-index: 3;
	position: absolute;	
	top: 64%;
	left: 57%;
	width: 3.5%;
}
.loveHouse_mouth{
	position: absolute;
	top: 69%;	
	z-index: 3;
	width: 2%;
}
.loveHouseHeart1{
	position: absolute;	
	z-index: 2;
	top: 64%;
	right: 56%;
	width: 5%;
	animation: loveHouseHeart1 4000ms  linear infinite;
	-webkit-animation: loveHouseHeart1 4000ms  linear infinite;
	-moz-animation: loveHouseHeart1 4000ms  linear infinite;
	-ms-animation: loveHouseHeart1 4000ms  linear infinite;
	-o-animation: loveHouseHeart1 4000ms  linear infinite;
}
.loveHouseHeart2{
	position: absolute;
	z-index: 2;	
	top: 72%;
	right: 56%;
	width: 5%;
	animation: loveHouseHeart2 3000ms  linear infinite;
	-webkit-animation: loveHouseHeart2 3000ms  linear infinite;
	-moz-animation: loveHouseHeart2 3000ms  linear infinite;
	-ms-animation: loveHouseHeart2 3000ms  linear infinite;
	-o-animation: loveHouseHeart2 3000ms  linear infinite;
}
.loveHouseHeart3{
	position: absolute;	
	z-index: 2;
	top: 64%;
	right: 56%;
	width: 5%;
	animation: loveHouseHeart3 3500ms  linear infinite;
	-webkit-animation: loveHouseHeart3 3500ms  linear infinite;
	-moz-animation: loveHouseHeart3 3500ms  linear infinite;
	-ms-animation: loveHouseHeart3 3500ms  linear infinite;
	-o-animation: loveHouseHeart3 3500ms  linear infinite;
}
.loveHouseHeart4{
	position: absolute;
	z-index: 2;	
	top: 64%;
	right: 56%;
	width: 5%;
	animation: loveHouseHeart4 4000ms  linear infinite;
	-webkit-animation: loveHouseHeart4 4000ms  linear infinite;
	-moz-animation: loveHouseHeart4 4000ms  linear infinite;
	-ms-animation: loveHouseHeart4 4000ms  linear infinite;
	-o-animation: loveHouseHeart4 4000ms  linear infinite;
}
@keyframes loveHouseHeart1 {
	0% {
		opacity: 0;		
		transform: matrix(0.1,0,0,0.1,0,5);	
	}
	30% {
		opacity: 0.5;		
		transform: matrix(0.9,0,0,0.9,-50,-15);		
	}
	60% {
		opacity: 0.9;		
		transform: matrix(0.9,0,0,0.9,-100,-35);		
	}
	100% {
		opacity: 1;
		transform: matrix(1,0,0,1,-150, -55);
	
	}	
}
@keyframes loveHouseHeart2 {
	0% {
		opacity: 0;		
		transform: matrix(0.1,0,0,0.1,0,5);	
	}
	30% {
		opacity: 0.5;		
		transform: matrix(0.9,0,0,0.9,-50,15);
		
	}
	60% {
		opacity: 0.9;		
		transform: matrix(0.9,0,0,0.9,-100,35);
		
	}
	100% {
		opacity: 1;
		transform: matrix(1,0,0,1,-150, 55);
	
	}	
}
@keyframes loveHouseHeart3{
	0% {
		opacity: 0;		
		transform: matrix(0.1,0,0,0.1,0,5);	
	}
	30% {
		opacity: 0.5;		
		transform: matrix(0.9,0,0,0.9,50,-15);
		
	}
	60% {
		opacity: 0.9;		
		transform: matrix(0.9,0,0,0.9,100,-35);
		
	}
	100% {
		opacity: 1;
		transform: matrix(1,0,0,1,150, -55);
	
	}	
}
@keyframes loveHouseHeart4 {
	0% {
		opacity: 0;		
		transform: matrix(0.1,0,0,0.1,0,5);	
	}
	30% {
		opacity: 0.5;		
		transform: matrix(0.9,0,0,0.9,50,15);
		
	}
	60% {
		opacity: 0.9;		
		transform: matrix(0.9,0,0,0.9,100,35);
		
	}
	100% {
		opacity: 1;
		transform: matrix(1,0,0,1,150,55);
	
	}
}
.loveHouse_leftHand{
	position: absolute;	
	
	
	top: 75%;
	left: 48.5%;
	width: 4.5%;
	animation: loveHouse_leftHand 1000ms  linear infinite alternate;
	-webkit-animation: loveHouse_leftHand 1000ms  linear infinite alternate;
	-moz-animation: loveHouse_leftHand 1000ms  linear infinite alternate;
	-ms-animation: loveHouse_leftHand 1000ms  linear infinite alternate;
	-o-animation: loveHouse_leftHand 1000ms  linear infinite alternate;
}

.loveHouse_rightHand{
	position: absolute;	

	top: 75%;
	left: 58%;
	width: 4.5%;
	animation: loveHouse_rightHand 1000ms  linear infinite alternate;
	-webkit-animation: loveHouse_rightHand 1000ms  linear infinite alternate;
	-moz-animation: loveHouse_rightHand 1000ms  linear infinite alternate;
	-ms-animation: loveHouse_rightHand 1000ms  linear infinite alternate;
	-o-animation: loveHouse_rightHand 1000ms  linear infinite alternate;
}

@keyframes loveHouse_leftHand {
	0% {
		-webkit-transform-origin: right top ;
		transform-origin:right top ;
	 transform: rotate(10deg);		
	}
	100% {		
		-webkit-transform-origin: right top ;
		transform-origin: right top ;
		transform: rotate(30deg) 	
	}
}
@keyframes loveHouse_rightHand {
	0% {
		-webkit-transform-origin: left top ;
		transform-origin:left top ;
	 transform: rotate(10deg);		
	}
	100% {		
		-webkit-transform-origin: left top ;
		transform-origin: left top ;
		transform: rotate(-20deg) 	
	}
}

.loveHouse_blusher1{
	position: absolute;
	z-index: 1;	
	top: 67%;
	left: 45%;
	width: 4.5%;
	
}
.loveHouse_blusher2{
	position: absolute;
	z-index: 1;	
	top: 67%;
	left: 59%;
	width: 4.5%;
	
}
/*---------------------------- 爱情小屋动画1 E -------------------------------*/





/*---------------------------- S 怀孕场景 -------------------------------*/
.pregNan{
	position: absolute;
	/*display: none;*/
	width: 100%;
	height: 94%;
	top: -6%;
}
	/* 背景 */
.pregNan_bg{
	position: absolute;
	width: 100%;
}
	/* 地板 */
.pregNan_foolr{
	position: absolute;
	width: 100%;
	top: 70%;
}
	/* 窗户 */
.pregNan_window{
	position: absolute;

	width: 68%;
	left: 16%;
	top: 11%;
}

.pregNan_cloud1{
	position: absolute;	
	left: 29%;
	top: 28%;
	width: 16%;
	animation: loveHouseCloudMove 3500ms linear infinite alternate;
	-webkit-animation:loveHouseCloudMove 3500ms linear infinite alternate;
	-moz-animation: loveHouseCloudMove 3500ms linear infinite alternate;
	-ms-animation: loveHouseCloudMove 3500ms linear infinite alternate;
	-o-animation: loveHouseCloudMove 3500ms linear infinite alternate;
}
.pregNan_cloud2{
	position: absolute;	
	left: 58%;
	top: 16%;
	width: 10%;
	animation: loveHouseCloudMove 4500ms linear infinite alternate;
	-webkit-animation:loveHouseCloudMove 4500ms linear infinite alternate;
	-moz-animation: loveHouseCloudMove 4500ms linear infinite alternate;
	-ms-animation: loveHouseCloudMove 4500ms linear infinite alternate;
	-o-animation: loveHouseCloudMove 4500ms linear infinite alternate;
}
.pregNan_cloud3{
	position: absolute;	
	left: 70%;
	top: 30%;
	width: 12%;
	animation: loveHouseCloudMove 3000ms linear infinite alternate;
	-webkit-animation:loveHouseCloudMove 3000ms linear infinite alternate;
	-moz-animation: loveHouseCloudMove 3000ms linear infinite alternate;
	-ms-animation: loveHouseCloudMove 3000ms linear infinite alternate;
	-o-animation: loveHouseCloudMove 3000ms linear infinite alternate;
}

	/* 窗帘 */
.pregNan_blind{
	position: absolute;		
	left: 8%;
	top: 9%;
	width: 86%;
}
	/* 壁画 */
.pregNan_mural1{
	position: absolute;		
	left: 1%;
	top: 43%;
	width: 11%;
}
.pregNan_mural2{
	position: absolute;		
	left: 88%;
	top: 41%;
	width: 12%;
}
.pregNan_mural3{
	position: absolute;		
	left: 94%;
	top: 32%;
	width: 8%;
}
	/*灯*/
.pregNan_lamp1{
	position: absolute;		
	left: 42%;
	top: 2%;
	width: 15%;
}
	/*笑脸*/
.pregNan_face{
	position: absolute;		
	left: 74%;
	top: 51%;
	width: 9%;
	animation: pregNan_face 4000ms linear infinite alternate;
	-webkit-animation:pregNan_face 4000ms linear infinite alternate;
	-moz-animation: pregNan_face 4000ms linear infinite alternate;
	-ms-animation: pregNan_face 4000ms linear infinite alternate;
	-o-animation: pregNan_face 4000ms linear infinite alternate;	
	}
@keyframes pregNan_face {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	
	50% {
		opacity: 1;
	}
	80% {
		opacity: 1;
	}
	100% {		
		opacity: 0;
	}
}	

	/* 星星 */
.pregNan_star{
	position: absolute;
	animation: pregNan_star 4000ms linear infinite alternate;
	-webkit-animation:pregNan_star 4000ms linear infinite alternate;
	-moz-animation: pregNan_star 4000ms linear infinite alternate;
	-ms-animation: pregNan_star 4000ms linear infinite alternate;
	-o-animation: pregNan_star 4000ms linear infinite alternate;	
}
@keyframes pregNan_star {
	0% {
		-webkit-transform-origin: center top ;
		transform-origin:center top ;
	 transform: rotate(-10deg);		
	}
	100% {		
		-webkit-transform-origin: center top ;
		transform-origin: center top ;
		transform: rotate(10deg) 	
	}
}
.pregNan_star1{
	left:0%;
	top: -5%;
	width: 6%;
}
.pregNan_star2{
	left:8%;
	top: -8%;
	width: 3.4%;
}
.pregNan_star3{
	left:11%;
	top: 0%;
	width: 4%;
}
.pregNan_star4{
	left:21%;
	top: -18%;
	width: 7%;
}
.pregNan_star5{
	left:37%;
	top: -3%;
	width: 4%;
}
.pregNan_star6{
	left:52%;
	top: -7.5%;
	width: 4%;
}
.pregNan_star7{
	left:68%;
	top: -7%;
	width: 3.5%;
}
.pregNan_star8{
	left:77%;
	top: -23%;
	width: 7%;
}
.pregNan_star9{
	left:90%;
	top: -2%;
	width: 4%;
}
.pregNan_star10{
	left:93%;
	top: -6%;
	width: 7%;
}

	/* 地毯 */
.pregNan_rug{
	position: absolute;
	left:3%;
	top: 71.5%;
	width: 95%;
}
		/* 枕头 */
.pregNan_tomato{
	position: absolute;
	
	left:12%;
	top: 74%;
	width: 12%;
}
.pregNan_pillow1{
		position: absolute;
		z-index: 1;
	left:22%;
	top: 80%;
	width: 20%;
}
.pregNan_pillow2{
	position: absolute;
	transform: rotate(-10deg);	
	left:34%;
	top: 72%;
	width: 23%;
}
.pregNan_pillow3{
		position: absolute;
	left:68%;
	top: 73%;
	width:23%;
}
	/* 果盘 */
.pregNan_compote{
		position: absolute;
	left:8%;
	top: 88%;
	width:14%;
}

	/* 男猪脚 */
.pregNan_boy{
	position: absolute;
	z-index: 3;
	left:51%;
	top: 58%;
	width:32%;
}
.pregNan_foot{
	position: absolute;
	z-index: 2;
	left:76%;
	top: 85%;
	width:5%;	
	animation: pregNan_foot 2000ms linear infinite alternate;
	-webkit-animation:pregNan_foot 2000ms linear infinite alternate;
	-moz-animation: pregNan_foot 2000ms linear infinite alternate;
	-ms-animation: pregNan_foot 2000ms linear infinite alternate;
	-o-animation: pregNan_foot 2000ms linear infinite alternate;		
}
@keyframes pregNan_foot {
	0% {
		-webkit-transform-origin: left bottom ;
		transform-origin:left bottom ;
	 transform: rotate(-5deg);		
	}
	100% {		
		-webkit-transform-origin: left bottom ;
		transform-origin: left bottom ;
		transform: rotate(20deg) 	
	}
}
.pregNan_boy_eye{
	position: absolute;
	z-index: 3;
	left:53%;
	top: 77%;
	width:5%;	
}


	/* 女猪脚 */
.pregNan_girl{
	position: absolute;
	z-index: 2;
	left:19%;
	top: 52%;
	width:38%;
}
.pregNan_girl_eye{
	position: absolute;
	z-index: 2;
	left:32%;
	top: 74%;
	width:17%;
}
.pregNan_hands{
	position: absolute;
	z-index: 2;
	left:37%;
	top: 85.3%;
	width:6%;
	animation: pregNan_hands 2000ms linear infinite alternate;
	-webkit-animation:pregNan_hands 2000ms linear infinite alternate;
	-moz-animation: pregNan_hands 2000ms linear infinite alternate;
	-ms-animation: pregNan_hands 2000ms linear infinite alternate;
	-o-animation: pregNan_hands 2000ms linear infinite alternate;
}
@keyframes pregNan_hands {
	0% {
		-webkit-transform-origin: left top ;
		transform-origin:left top ;
	 transform: rotate(-10deg);		
	}
	100% {		
		-webkit-transform-origin: left top ;
		transform-origin: left top ;
		transform: rotate(5deg) 	
	}
}




.pregNan_book{
		position: absolute;
	z-index: 1;
	left:88%;
	top: 68%;
	width:11%;
}
	/* 爱心 */
	
.pregNan_Heart{
	animation: loveHouseSteam1 3000ms  linear infinite ;
	-webkit-animation: loveHouseSteam1 3000ms  linear infinite ;
	-moz-animation: loveHouseSteam1 3000ms  linear infinite ;
	-ms-animation: loveHouseSteam1 3000ms  linear infinite ;
	-o-animation: loveHouseSteam1 3000ms  linear infinite ;
	}
.pregNan_Heart1{
		position: absolute;
	z-index: 1;
	left:12%;
	top: 54%;
	width:6%;
}
.pregNan_Heart2{
	position: absolute;
	transform: rotate(60deg); 
	z-index: 1;
	left:42%;
	top: 48%;
	width:5%;
}
.pregNan_Heart3{
		position: absolute;
		transform: rotate(60deg); 
	z-index: 1;
	left:76%;
	top: 59%;
	width:5%;
}
.pregNan_Heart4{
		position: absolute;
	z-index: 2;
	left:23%;
	top: 85%;
	width:4%;
}
.pregNan_Heart5{
		position: absolute;
		transform: rotate(60deg); 
	z-index: 2;
	left:70%;
	top: 86%;
	width:3%;
}
	/* 蝴蝶 */
.pregNan_Butterfly1{
	position: absolute;
	z-index: 1;
	left:29%;
	top: 38%;
	width:4%;
animation: MarryScene_Butterfly3 4000ms linear infinite ;
	-webkit-animation:MarryScene_Butterfly3 4000ms linear infinite ;
	-moz-animation: MarryScene_Butterfly3 4000ms linear infinite ;
	-ms-animation: MarryScene_Butterfly3 4000ms linear infinite ;
	-o-animation: MarryScene_Butterfly3 4000ms linear infinite ;		
}
.pregNan_Butterfly2{
	position: absolute;
	transform: rotate(60deg); 
	z-index: 1;
	left:44%;
	top: 30%;
	width:3%;
	animation: MarryScene_Butterfly3 6000ms linear infinite ;
	-webkit-animation:MarryScene_Butterfly3 6000ms linear infinite ;
	-moz-animation: MarryScene_Butterfly3 6000ms linear infinite ;
	-ms-animation: MarryScene_Butterfly3 6000ms linear infinite ;
	-o-animation: MarryScene_Butterfly3 6000ms linear infinite ;	
}
.pregNan_Butterfly3{
		position: absolute;
	z-index: 1;
	left:70%;
	top: 40%;
	width:4%;
	animation: MarryScene_Butterfly2 6000ms linear infinite ;
	-webkit-animation:MarryScene_Butterfly2 6000ms linear infinite ;
	-moz-animation: MarryScene_Butterfly2 6000ms linear infinite ;
	-ms-animation: MarryScene_Butterfly2 6000ms linear infinite ;
	-o-animation: MarryScene_Butterfly2 6000ms linear infinite ;
}

/*---------------------------- 怀孕场景 E -------------------------------*/



 /*---------------------------- S 新生命  -------------------------------*/

.newLife{
	position: absolute;

	width: 100%;
	height: 94%;

}
	/* 背景*/
.newLife_bg1{
	position: absolute;	
	left: 0%;
	top: 0%;
	width: 42%;
}
.newLife_bg2{
	position: absolute;
	left: 55%;
	top: 0%;
	width: 45%;
}
	/* 地板*/
.newLife_floor{	
	position: absolute;

	left: -1%;
	bottom: -7%;
	width: 102%;
}
.newLife_window{
	position: absolute;
	left: 31%;
	top: 4%;
	width: 40%;
}
.newLife_cloud1{
	animation: loveHouseCloudMove 3000ms linear infinite alternate;
	-webkit-animation:loveHouseCloudMove 3000ms linear infinite alternate;
	-moz-animation: loveHouseCloudMove 3000ms linear infinite alternate;
	-ms-animation: loveHouseCloudMove 3000ms linear infinite alternate;
	-o-animation: loveHouseCloudMove 3000ms linear infinite alternate;
}
.loveHouse_glass1,.loveHouse_glass2{
	animation: pregNan_face 2000ms linear infinite alternate;
	-webkit-animation:pregNan_face 2000ms linear infinite alternate;
	-moz-animation: pregNan_face 2000ms linear infinite alternate;
	-ms-animation: pregNan_face 2000ms linear infinite alternate;
	-o-animation: pregNan_face 4000ms linear infinite alternate;	
}
.newLife_cloud1{
	position: absolute;
	left: 52%;
	top:17%;
	width: 11%;
}
.loveHouse_glass1{
	position: absolute;
	left: 58%;
	top:15%;
	width: 9%;
}
.loveHouse_glass2{
	position: absolute;
	left: 48%;
	top:24%;
	width: 9%;
	
}
	/* 吊顶 */
.newLife_lamp{
	position: absolute;
	z-index: 6;
	left: 38%;
	top: -5%;
	width: 25%;
}
		/* 吊灯 */
.newLife_pendantLamp1{
	position: absolute;	
	z-index: 5;
	left:36%;
	top: 14%;
	width: 10%;
	animation: newLife_pendantLamp1 2000ms  linear infinite alternate;
	-webkit-animation: newLife_pendantLamp1 2000ms  linear infinite alternate;
	-moz-animation: newLife_pendantLamp1 2000ms  linear infinite alternate;
	-ms-animation: newLife_pendantLamp1 2000ms  linear infinite alternate;
	-o-animation: newLife_pendantLamp1 2000ms  linear infinite alternate;
}

.newLife_pendantLamp2{
	position: absolute;	
	z-index: 4;
	left:43.5%;
	top: 7%;
	width:7%;
	animation: newLife_pendantLamp2 2000ms  linear infinite alternate;
	-webkit-animation: newLife_pendantLamp2 2000ms  linear infinite alternate;
	-moz-animation: newLife_pendantLamp2 2000ms  linear infinite alternate;
	-ms-animation: newLife_pendantLamp2 2000ms  linear infinite alternate;
	-o-animation: newLife_pendantLamp2 2000ms  linear infinite alternate;
}
.newLife_pendantLamp3{
	z-index: 3;
	position: absolute;	
	left:48%;
	top: 14%;
	width: 10%;
	animation: newLife_pendantLamp1 2000ms  linear infinite alternate;
	-webkit-animation: newLife_pendantLamp1 2000ms  linear infinite alternate;
	-moz-animation: newLife_pendantLamp1 2000ms  linear infinite alternate;
	-ms-animation: newLife_pendantLamp1 2000ms  linear infinite alternate;
	-o-animation: newLife_pendantLamp1 2000ms  linear infinite alternate;
}
.newLife_pendantLamp4{
	position: absolute;
	z-index: 2;	
	left:57%;
	top: 12%;
	width: 8%;
	animation: newLife_pendantLamp2 2000ms  linear infinite alternate;
	-webkit-animation: newLife_pendantLamp2 2000ms  linear infinite alternate;
	-moz-animation: newLife_pendantLamp2 2000ms  linear infinite alternate;
	-ms-animation: newLife_pendantLamp2 2000ms  linear infinite alternate;
	-o-animation: newLife_pendantLamp2 2000ms  linear infinite alternate;
}
@keyframes newLife_pendantLamp1 {
	0% {
		transform: matrix(1,0,0,1,0,0);		
	}

	100% {
		transform: matrix(1,0,0,1,0,10);		
	}	
}
@keyframes newLife_pendantLamp2 {
	0% {
		transform: matrix(1,0,0,1,0,10);		
	}
	
	100% {
		transform: matrix(1,0,0,1,0,0);		
	}		
}




	 /*桌子*/
.newLife_table{
	position: absolute;	
	left: 0%;	
	top: 48%;
	width: 72%;
}
.newLife_cup{
	position: absolute;	
	left:38%;
	top: 43%;
	width: 6%;
}
.newLife_Steam1{
	position: absolute;	
	left:41%;
	top: 41%;
	width: 2%;
}
.newLife_Steam2{
	position: absolute;	
	left:42%;
	top: 39%;
	width:3%;
}
.newLife_pot{
	position: absolute;	
	left:45%;
	top: 40%;
	width: 5%;
}
.newLife_book1{
	position: absolute;
	left:82%;
	top: 42%;
	width: 22%;
}
.newLife_book2{
	position: absolute;
	transform: rotateY(-180deg);
	left:89%;
	top: 54%;
	width: 22%;
}
.newLife_rug{
	position: absolute;

	left:16%;
	top: 70%;
	width: 68%;
}
	 /*男猪脚*/ 
.newLife_boy_cnt{
	position: absolute;
	z-index: 2;
	left:19%;
	top: 63%;
	width: 10%;
}
.newLife_boy_head{
	position: absolute;
	z-index: 2;
	left:8%;
	top: 31%;
	width: 34%;
	animation: newLife_boy_head 800ms  linear infinite alternate;
	-webkit-animation: newLife_boy_head 800ms  linear infinite alternate;
	-moz-animation: newLife_boy_head 800ms  linear infinite alternate;
	-ms-animation: newLife_boy_head 800ms  linear infinite alternate;
	-o-animation: newLife_boy_head 800ms  linear infinite alternate;
}
@keyframes newLife_boy_head {
	0% {
		-webkit-transform-origin: bottom center ;
		transform-origin:bottom center ;
	 transform: rotate(-4deg);		
	}
	100% {		
		-webkit-transform-origin: bottom center ;
		transform-origin: bottom center ;
		transform: rotate(0deg) 	
	}
}
.newLife_boy_hands1{
	position: absolute;
	z-index: 1;
	left:8%;
	top:61.5%;
	width: 15%;
	
}
@keyframes newLife_boy_hands1 {
	0% {
		-webkit-transform-origin: left top ;
		transform-origin:left top ;
	 transform: rotate(-10deg);		
	}
	100% {		
		-webkit-transform-origin: left top ;
		transform-origin: left top ;
		transform: rotate(-2deg) 	
	}
}

.newLife_boy_hands2{
	position: absolute;	
	z-index: 1;
	left:26.5%;
	top:65.5%;
	width: 8%;
	animation: newLife_boy_hands1 500ms  linear infinite alternate;
	-webkit-animation: newLife_boy_hands1 500ms  linear infinite alternate;
	-moz-animation: newLife_boy_hands1 500ms  linear infinite alternate;
	-ms-animation: newLife_boy_hands1 500ms  linear infinite alternate;
	-o-animation: newLife_boy_hands1 500ms  linear infinite alternate;
}



.newLife_baby{
	position: absolute;
	z-index: 2;
	left:35%;
	top: 49%;
	width: 26%;
}
.newLife_baby_mouth{
	position: absolute;
	z-index: 2;
	left:47.8%;
	top: 73.5%;
	width: 1.5%;
	
	animation: newLife_baby_mouth 500ms  linear infinite alternate;
	-webkit-animation: newLife_baby_mouth 500ms  linear infinite alternate;
	-moz-animation: newLife_baby_mouth 500ms  linear infinite alternate;
	-ms-animation: newLife_baby_mouth 500ms  linear infinite alternate;
	-o-animation: newLife_baby_mouth 500ms  linear infinite alternate;
}
@keyframes newLife_baby_mouth {
	0% {
		transform: matrix(0.5,0,0,0.5,0,0);	
	}
	100% {		
		transform: matrix(1,0,0,1,0,0);		
	}
}
.newLife_babyEye{
	position: absolute;
	z-index: 2;
	left:45%;
	top: 71.5%;
	width: 7%;
	animation: newLife_babyEye 500ms  linear infinite alternate;
	-webkit-animation: newLife_babyEye 500ms  linear infinite alternate;
	-moz-animation: newLife_babyEye 500ms  linear infinite alternate;
	-ms-animation: newLife_babyEye 500ms  linear infinite alternate;
	-o-animation: newLife_babyEye 500ms  linear infinite alternate;
}
@keyframes newLife_babyEye {
	0% {
		transform: matrix(0.8,0,0,0.8,0,0);	
	}
	100% {		
		transform: matrix(1,0,0,1,0,0);	;		
	}
}
.newLife_tear1{
		position: absolute;
	z-index: 2;
	left:38.5%;
	top: 71%;
	width: 5%;
	animation: newLife_tear 500ms  linear infinite alternate;
	-webkit-animation: newLife_tear 500ms  linear infinite alternate;
	-moz-animation: newLife_tear 500ms  linear infinite alternate;
	-ms-animation: newLife_tear 500ms  linear infinite alternate;
	-o-animation: newLife_tear 500ms  linear infinite alternate;
}
@keyframes newLife_tear {
	0% {
		opacity: 0 ;	
	}
	100% {		
		opacity: 1;			
	}
}
.newLife_tear2{
	position: absolute;	
	transform:rotateY(-180deg); 
	z-index: 2;
	left:53.5%;
	top: 71%;
	width: 5%;
	animation: newLife_tear 500ms  linear infinite alternate;
	-webkit-animation: newLife_tear 500ms  linear infinite alternate;
	-moz-animation: newLife_tear 500ms  linear infinite alternate;
	-ms-animation: newLife_tear 500ms  linear infinite alternate;
	-o-animation: newLife_tear 500ms  linear infinite alternate;
}

.newLife_try{
	position: absolute;
	z-index: 2;
	left:50%;
	top: 54%;
	width: 15%;
	animation: newLife_try 800ms  linear infinite alternate;
	-webkit-animation: newLife_try 800ms  linear infinite alternate;
	-moz-animation: newLife_try 800ms  linear infinite alternate;
	-ms-animation: newLife_try 800ms  linear infinite alternate;
	-o-animation: newLife_try 800ms  linear infinite alternate;
}
@keyframes newLife_try {
	0% {
		transform: matrix(0.8,0,0,0.8,0,0);	
	}
	100% {		
		transform: matrix(1,0,0,1,0,-20);	;		
	}
}

	/* 女猪脚 */

.newLife_gril_head{
	position: absolute;
	z-index: 2;
	left:56%;
	top: 30%;
	width: 42%;
}

.newLife_gril_eye{
	position: absolute;
	z-index: 2;
	left:68%;
	top: 54%;
	width: 18%;
	
}
.newLife_gril_cnt{
	position: absolute;
	z-index: 3;	
	left:73%;
	top: 66%;
	width: 10.5%;
}
.newLife_gril_hand1{
	position: absolute;
	z-index: 2;
	left:68.5%;
	top: 66%;
	width: 6.5%;
	animation: newLife_gril_hand1 500ms  linear infinite alternate;
	-webkit-animation: newLife_gril_hand1 500ms  linear infinite alternate;
	-moz-animation: newLife_gril_hand1 500ms  linear infinite alternate;
	-ms-animation: newLife_gril_hand1 500ms  linear infinite alternate;
	-o-animation: newLife_gril_hand1 500ms  linear infinite alternate;
}
@keyframes newLife_gril_hand1 {
	0% {
		-webkit-transform-origin: right top ;
		transform-origin:right top ;
	 transform: rotate(-10deg);		
	}
	100% {		
		-webkit-transform-origin: right top ;
		transform-origin: right top ;
		transform: rotate(-2deg) 	
	}
}
.newLife_gril_hand2{
	position: absolute;

	z-index: 2;
	left:80%;
	top: 63%;
	width: 11.5%;
	animation: newLife_gril_hand2 500ms  linear infinite alternate;
	-webkit-animation: newLife_gril_hand2 500ms  linear infinite alternate;
	-moz-animation: newLife_gril_hand2 500ms  linear infinite alternate;
	-ms-animation: newLife_gril_hand2 500ms  linear infinite alternate;
	-o-animation: newLife_gril_hand2 500ms  linear infinite alternate;
}
@keyframes newLife_gril_hand2 {
	0% {
		-webkit-transform-origin: left top ;
		transform-origin:left top ;
	 transform: rotate(10deg);		
	}
	100% {		
		-webkit-transform-origin: left top ;
		transform-origin: left top ;
		transform: rotate(2deg); 	
	}
}

.newLife_nai{
	position: absolute;
	transform: rotate(90deg);
	z-index: 2;
	left:89.5%;
	top: 61%;
	width: 3.5%;
	animation: newLife_nai 500ms  linear infinite alternate;
	-webkit-animation: newLife_nai 500ms  linear infinite alternate;
	-moz-animation: newLife_nai 500ms  linear infinite alternate;
	-ms-animation: newLife_nai 500ms  linear infinite alternate;
	-o-animation: newLife_nai 500ms  linear infinite alternate;
}
@keyframes newLife_nai {
	0% {
		opacity: 0;
		transform: matrix(0.5,0,0,0.5,0, 0) rotate(90deg);
	}
	100% {		
		opacity: 1;
		transform: matrix(1,0,0,1,0, -15) rotate(90deg);
	}
}

.newLife_shoe1{
	position: absolute;
	z-index: 2;
	left:85%;
	top: 83%;
	width: 7%;
}
.newLife_shoe2{
	position: absolute;
	transform: rotate(-50deg);
	z-index: 2;
	left:25%;
	top: 87%;
	width: 7%;
}
	/*　闪光　*/
.newLife_shine{
	position: absolute;
	animation: loveHouse_shine 800ms  linear infinite alternate;
	-webkit-animation: loveHouse_shine 800ms  linear infinite alternate;
	-moz-animation: loveHouse_shine 800ms  linear infinite alternate;
	-ms-animation: loveHouse_shine 800ms  linear infinite alternate;
	-o-animation: loveHouse_shine 800ms  linear infinite alternate;
	z-index: 2;
	
}
.newLife_shine1{
	left:16%;
	top: 8%;
	width:2%;
}
.newLife_shine2{
	left:11%;
	top: 17%;
	width:3%;
}
.newLife_shine3{
	left:30%;
	top: 0%;
	width:3%;
}
.newLife_shine4{
	left:75%;
	top:3%;
	width:3%;
}
.newLife_shine5{
	left:78%;
	top: 19%;
	width:3%;
}
.newLife_shine6{
	left:87%;
	top: 14%;
	width:2%;
}
.newLife_shine7{
	left:95%;
	top: 8%;
	width:3%;
}
.newLife_shine8{
	left:86%;
	top:6%;
	width:3%;
}
.newLife_shine9{
	left:98%;
	top: 32%;
	width:3%;
}
.newLife_star1{
	position: absolute;
	animation: loveHouse_shine 1000ms  linear infinite alternate;
	-webkit-animation: loveHouse_shine 1000ms  linear infinite alternate;
	-moz-animation: loveHouse_shine 1000ms  linear infinite alternate;
	-ms-animation: loveHouse_shine 1000ms  linear infinite alternate;
	-o-animation: loveHouse_shine 1000ms  linear infinite alternate;
	left:3%;
	top: 12%;
	width:3%;
}
.newLife_star2{
	position: absolute;
	animation: loveHouse_shine 1000ms  linear infinite alternate;
	-webkit-animation: loveHouse_shine 1000ms  linear infinite alternate;
	-moz-animation: loveHouse_shine 1000ms  linear infinite alternate;
	-ms-animation: loveHouse_shine 1000ms  linear infinite alternate;
	-o-animation: loveHouse_shine 1000ms  linear infinite alternate;
	left:16%;
	top: 13%;
	width:3%;
}
.newLife_star3{
	position: absolute;
	animation: loveHouse_shine 1000ms  linear infinite alternate;
	-webkit-animation: loveHouse_shine 1000ms  linear infinite alternate;
	-moz-animation: loveHouse_shine 1000ms  linear infinite alternate;
	-ms-animation: loveHouse_shine 1000ms  linear infinite alternate;
	-o-animation: loveHouse_shine 1000ms  linear infinite alternate;
	left:80%;
	top: 8%;
	width:3%;
}
.newLife_star4{
	position: absolute;
	animation: loveHouse_shine 1000ms  linear infinite alternate;
	-webkit-animation: loveHouse_shine 1000ms  linear infinite alternate;
	-moz-animation: loveHouse_shine 1000ms  linear infinite alternate;
	-ms-animation: loveHouse_shine 1000ms  linear infinite alternate;
	-o-animation: loveHouse_shine 1000ms  linear infinite alternate;
	left:95%;
	top: 28%;
	width:3%;
}
.newLife_cage{
	position: absolute;	
	z-index: 2;
	left:8%;
	top: 88%;
	width: 12%;
}

.newLife_kato{
	position: absolute;	
	z-index: 2;
	left:3%;
	top: 75%;
	width: 8%;
}
.newLife_pingpang{
	position: absolute;	
	z-index: 2;
	left:67%;
	top: 84%;
	width: 11%;
}
 /*---------------------------- 新生命  E -------------------------------*/




 /*---------------------------- S 见家长  -------------------------------*/
.MeetPar{
	position: absolute;
	/*display: none;*/
	width: 100%;
	height: 94%;
}
.meetpar_bg{
	position: absolute;
	z-index: -1;
	left: 1%;	
	width: 98%;
}
.meetPar_lamp1{
	position: absolute;
	z-index: 2;
	left: 8%;
	top: -1%;
	width: 14%;
}
.meetPar_lamp2{
	position: absolute;
	left: 46%;
	top: -1%;
	width: 14%;
}
.meetPar_lamp3{
	position: absolute;
	left: 78%;
	top: -1%;
	width: 14%;
}
.meetPar_window{
	position: absolute;
	left: 7%;
	top: 9%;
	width: 31%;
}
.meetPar_blind{
	position: absolute;
	z-index: 1;
	left: 0%;
	top: 7%;
	width: 45%;
}
.meetPar_cloud1{
	position: absolute;
	left: 8%;
	top:11%;
	width:12%;
	animation: meetPar_cloud 3500ms linear infinite alternate;
	-webkit-animation:meetPar_cloud 3500ms linear infinite alternate;
	-moz-animation: meetPar_cloud 3500ms linear infinite alternate;
	-ms-animation: meetPar_cloud 3500ms linear infinite alternate;
	-o-animation: meetPar_cloud 3500ms linear infinite alternate;
}
.meetPar_cloud2{
	position: absolute;
	left: 13%;
	top: 22%;
	width: 8%;
	animation: meetPar_cloud 4000ms linear infinite alternate;
	-webkit-animation:meetPar_cloud 4000ms linear infinite alternate;
	-moz-animation: meetPar_cloud 4000ms linear infinite alternate;
	-ms-animation: meetPar_cloud 4000ms linear infinite alternate;
	-o-animation: meetPar_cloud 4000ms linear infinite alternate;
}
.meetPar_glass1{
	position: absolute;
	left: 8%;
	top: 14%;
	width: 3%;
		animation: pregNan_face 2000ms linear infinite alternate;
	-webkit-animation:pregNan_face 2000ms linear infinite alternate;
	-moz-animation: pregNan_face 2000ms linear infinite alternate;
	-ms-animation: pregNan_face 2000ms linear infinite alternate;
	-o-animation: pregNan_face 4000ms linear infinite alternate;
}
.meetPar_glass2{
	position: absolute;
	left: 12%;
	top: 20%;
	width: 6%;
		animation: pregNan_face 2000ms linear infinite alternate;
	-webkit-animation:pregNan_face 2000ms linear infinite alternate;
	-moz-animation: pregNan_face 2000ms linear infinite alternate;
	-ms-animation: pregNan_face 2000ms linear infinite alternate;
	-o-animation: pregNan_face 2000ms linear infinite alternate;
}
.meetPar_glass3{
	position: absolute;
	left: 18%;
	top: 27%;
	width: 9%;
		animation: pregNan_face 2000ms linear infinite alternate;
	-webkit-animation:pregNan_face 2000ms linear infinite alternate;
	-moz-animation: pregNan_face 2000ms linear infinite alternate;
	-ms-animation: pregNan_face 2000ms linear infinite alternate;
	-o-animation: pregNan_face 4000ms linear infinite alternate;
}
.meetPar_Butterfly1{
	position: absolute;
	left: 14%;
	top: 40%;
	width: 4%;
	animation: MarryScene_Butterfly1 4000ms linear infinite ;
	-webkit-animation:MarryScene_Butterfly1 4000ms linear infinite ;
	-moz-animation: MarryScene_Butterfly1 4000ms linear infinite ;
	-ms-animation: MarryScene_Butterfly1 4000ms linear infinite ;
	-o-animation: MarryScene_Butterfly1 4000ms linear infinite ;
	
}
@keyframes MarryScene_Butterfly1{
	0% {
		opacity: 0.5;		
		transform: matrix(0.1,0,0,0.1,0,0) rotate(90deg);			
	}
	30% {
		opacity: 1;		
		transform: matrix(1,0,0,1,20, -30) rotate(80deg);	
	}
	
	60% {
		opacity: 0.8;
		transform: matrix(0.7,0,0,0.7,40, -20) rotate(160deg);	
	}	
	90% {
		opacity: 0.9;		
		transform: matrix(1,0,0,1,60, -50) rotate(120deg);		
	}
	100% {
		opacity: 0.1;	
		transform: matrix(1,0,0,1,70, -40) rotate(100deg);
		}
}
.meetPar_Butterfly2{
	position: absolute;
	transform: rotate(60deg);
	left: 24%;
	top: 38%;
	width: 5%;
	animation: MarryScene_Butterfly2 4000ms linear infinite ;
	-webkit-animation:MarryScene_Butterfly2 4000ms linear infinite ;
	-moz-animation: MarryScene_Butterfly2 4000ms linear infinite ;
	-ms-animation: MarryScene_Butterfly2 4000ms linear infinite ;
	-o-animation: MarryScene_Butterfly2 4000ms linear infinite ;
}
@keyframes MarryScene_Butterfly2{
	0% {
		opacity: 0.5;		
		transform: matrix(0.1,0,0,0.1,0,0) rotate(-10deg);			
	}
	30% {
		opacity: 1;		
		transform: matrix(1,0,0,1,-20, -30) rotate(-50deg);	
	}
	
	60% {
		opacity: 0.8;
		transform: matrix(0.7,0,0,0.7,-40, -20) rotate(-70deg);	
	}	
	90% {
		opacity: 0.9;		
		transform: matrix(1,0,0,1,-60, -50) rotate(-50deg);		
	}
	100% {
		opacity: 0.1;	
		transform: matrix(1,0,0,1,-70, -40) rotate(70deg);
		}
}
.meetPar_Butterfly3{
	position: absolute;
	transform: rotate(30deg);
	left: 27%;
	top: 27%;
	width: 2%;
	animation: MarryScene_Butterfly3 4000ms linear infinite ;
	-webkit-animation:MarryScene_Butterfly3 4000ms linear infinite ;
	-moz-animation: MarryScene_Butterfly3 4000ms linear infinite ;
	-ms-animation: MarryScene_Butterfly3 4000ms linear infinite ;
	-o-animation: MarryScene_Butterfly3 4000ms linear infinite ;
}
@keyframes MarryScene_Butterfly3{
	0% {
		opacity: 0.5;		
		transform: matrix(0.1,0,0,0.1,0,0) rotate(-10deg);			
	}
	30% {
		opacity: 1;		
		transform: matrix(1,0,0,1,-20, -20) rotate(-50deg);	
	}
	
	60% {
		opacity: 0.8;
		transform: matrix(0.7,0,0,0.7,-30, -40) rotate(70deg);	
	}	
	90% {
		opacity: 0.9;		
		transform: matrix(1,0,0,1,10, -60) rotate(-50deg);		
	}
	100% {
		opacity: 0.1;	
		transform: matrix(1,0,0,1,0, -70) rotate(60deg);
		}
}



@-webkit-keyframes meetPar_cloud {
	form {
	transform: matrix(1,0,0,1,0,0);	
	}
	to {
		transform: matrix(1,0,0,1,50,0);	
	}
}
.meetPar_book1{
	position: absolute;
	left: 42%;
	top: 20%;
	width: 21%;
}
.meetPar_book2{
	position: absolute;
	transform: rotateY(-180deg);
	left: 55%;
	top: 30%;
	width: 21%;
}
.meetPar_mural1{
	position: absolute;
	left: 70%;
	top: 24%;
	width: 10%;
}
.meetPar_mural2{
	position: absolute;
	left: 80%;
	top: 14%;
	width: 9%;
}
.meetPar_water{
	position: absolute;
	left: 85%;
	top:30%;
	width: 15%;
}
.meetPar_floor{
	position: absolute;
	z-index: -1;
	left: 0%;
	top:68%;
	width: 100%;
}
.meetPar_sofa1{
	position: absolute;
	z-index: 1;
	left: 19%;
	top:49%;
	width: 60%;
}
.meetPar_sofa2{
	position: absolute;
	z-index: 3;
	transform: rotateY(-180deg);
	left: 6%;
	top:79%;
	width: 16%;
}
.meetPar_sofa3{
	z-index: 3;
	position: absolute;
	left: 76%;
	top:79%;
	width: 16%;
}

.meetPar_rug{
	position: absolute;
	z-index: -1;
	left: 21%;
	top:80%;
	width: 56%;
}
.meetPar_Ded{
	position: absolute;
z-index: 2;
	left: 25%;
	top:37%;
	width: 28%;
}
.meetPar_Ded_mouth{
	position: absolute;
	z-index: 2;
	left: 39%;
	top:62.5%;
	width: 2%;
}

.meetPar_Mom{
	position: absolute;
	z-index: 1;
	left:45%;
	top:37%;
	width: 32%;
}
.meetPar_Mom_hand{
	position: absolute;
	z-index: 1;
	left:52%;
	top:63%;
	width: 10%;	
		animation: meetPar_Mom_hand 2500ms linear infinite alternate;
	-webkit-animation:meetPar_Mom_hand 2500ms linear infinite alternate;
	-moz-animation: meetPar_Mom_hand 2500ms linear infinite alternate;
	-ms-animation: meetPar_Mom_hand 2500ms linear infinite alternate;
	-o-animation: meetPar_Mom_hand_hand 2500ms linear infinite alternate;
}
@keyframes meetPar_Mom_hand {
	0% {
		-webkit-transform-origin: 50% 50% ;
		transform-origin:50% 50% ;
	 transform: rotate(-5deg);		
	}
	100% {		
		-webkit-transform-origin: 50% 50% ;
		transform-origin: 50% 50% ;
		transform: rotate(20deg); 	
	}
}
.meetPar_boy{
	position: absolute;
	z-index: 2;
	left: 72%;
	top:50%;
	width:26%;
}
.meetPar_boy_mouth{
	position: absolute;
	z-index: 2;
	left: 73.5%;
	top:74%;
	width:2%;
	
}
.meetPar_boy_blusher{
	position: absolute;
	z-index: 2;
	left: 74.5%;
	top:70.5%;
	width:7%;	
		animation: meetPar_boy_blusher 1000ms linear infinite alternate;
	-webkit-animation:meetPar_boy_blusher 1000ms linear infinite alternate;
	-moz-animation: meetPar_boy_blusher 1000ms linear infinite alternate;
	-ms-animation: meetPar_boy_blusher 1000ms linear infinite alternate;
	-o-animation: meetPar_boy_blusher 1000ms linear infinite alternate;
}
@keyframes meetPar_boy_blusher {
	0% {
		opacity: 0.3;
	}
	100% {		
		opacity: 1
	}
}

.meetPar_girl{
	position: absolute;
	z-index: 2;
	left: 0%;
	top:56%;
	width: 27%;
}
.meetPar_girl_body{
	position: absolute;
	z-index: 2;
	left: 13%;
	top:78%;
	width: 12%;
}
.meetPar_girl_head{
	position: absolute;
	z-index: 3;
	left: 0%;
	top:53%;
	width: 28%;
}
.meetPar_girl_hand{
	position: absolute;
	z-index: 2;
	left: 19%;
	top:81.2%;
	width: 8%;
		animation: meetPar_girl_hand 2000ms linear infinite alternate;
	-webkit-animation:meetPar_girl_hand 2000ms linear infinite alternate;
	-moz-animation: meetPar_girl_hand 2000ms linear infinite alternate;
	-ms-animation: meetPar_girl_hand 2000ms linear infinite alternate;
	-o-animation: meetPar_girl_hand 4000ms linear infinite alternate;
}
.meetPar_girl_blusher{
	position: absolute;
	z-index:3;
	left: 19.2%;
	top:73.7%;
	width:6%;	
		animation: meetPar_boy_blusher 1000ms linear infinite alternate;
	-webkit-animation:meetPar_boy_blusher 1000ms linear infinite alternate;
	-moz-animation: meetPar_boy_blusher 1000ms linear infinite alternate;
	-ms-animation: meetPar_boy_blusher 1000ms linear infinite alternate;
	-o-animation: meetPar_boy_blusher 1000ms linear infinite alternate;
}
@keyframes meetPar_girl_hand {
	0% {
		-webkit-transform-origin: left top ;
		transform-origin:left top ;
	 transform: rotate(-5deg);		
	}
	100% {		
		-webkit-transform-origin: left top ;
		transform-origin: left top ;
		transform: rotate(10deg); 	
	}
}

.meetPar_steam{
animation: loveHouseSteam2 3500ms  linear infinite;
	-webkit-animation: loveHouseSteam2 3500ms  linear infinite;
	-moz-animation: loveHouseSteam2 3500ms  linear infinite;
	-ms-animation: loveHouseSteam2 3500ms  linear infinite;
	-o-animation: loveHouseSteam2 3500ms  linear infinite;	
}
.meetPar_steam1{
	position: absolute;
	z-index: 2;
	left: 39%;
	top:70%;
	width: 2%;
}
.meetPar_steam2{
	position: absolute;
	z-index: 2;
	left: 36%;
	top:66%;
	width: 4%;
}
.meetPar_steam3{
	position: absolute;
	z-index: 2;
	left: 60%;
	top:70%;
	width: 2%;
}
.meetPar_steam4{
	position: absolute;
	z-index: 2;
	left: 58%;
	top:66%;
	width: 4%;
}
.meetPar_steam5{
	position: absolute;
	z-index: 2;
	left: 66%;
	top:77%;
	width: 2%;
}
.meetPar_steam6{
	position: absolute;
	z-index: 2;
	left: 63%;
	top:74%;
	width: 4%;
}
.meetPar_steam7{
	position: absolute;
	z-index: 2;
	left: 29%;
	top:77%;
	width: 2%;
}
.meetPar_steam8{
	position: absolute;
	z-index: 2;
	left: 25%;
	top:73%;
	width: 4%;
}

.meetPar_table{
	position: absolute;
	z-index: 3;
	left: 26%;
	top:71%;
	width:46%;
}
.meetPar_heart1{
		position: absolute;
	z-index: 3;
	left: 2%;
	top:78%;
	width:3%;
	animation: loveHouseSteam1 3000ms  linear infinite ;
	-webkit-animation: loveHouseSteam1 3000ms  linear infinite ;
	-moz-animation: loveHouseSteam1 3000ms  linear infinite ;
	-ms-animation: loveHouseSteam1 3000ms  linear infinite ;
	-o-animation: loveHouseSteam1 3000ms  linear infinite ;
	
}
.meetPar_heart2{
		position: absolute;
	z-index: 2;
	left: 17%;
	top:48%;
	width:4%;
	animation: loveHouseSteam1 3000ms  linear infinite ;
	-webkit-animation: loveHouseSteam1 3000ms  linear infinite ;
	-moz-animation: loveHouseSteam1 3000ms  linear infinite ;
	-ms-animation: loveHouseSteam1 3000ms  linear infinite ;
	-o-animation: loveHouseSteam1 3000ms  linear infinite ;
}
.meetPar_heart3{
		position: absolute;
	z-index: 2;
	left: 48%;
	top:36%;
	width:4%;
	animation: loveHouseSteam1 3000ms  linear infinite ;
	-webkit-animation: loveHouseSteam1 3000ms  linear infinite ;
	-moz-animation: loveHouseSteam1 3000ms  linear infinite ;
	-ms-animation: loveHouseSteam1 3000ms  linear infinite ;
	-o-animation: loveHouseSteam1 3000ms  linear infinite ;
}
.meetPar_heart4{
		position: absolute;
	z-index: 2;
	left: 80%;
	top:45%;
	width:4%;
	animation: loveHouseSteam1 3000ms  linear infinite ;
	-webkit-animation: loveHouseSteam1 3000ms  linear infinite ;
	-moz-animation: loveHouseSteam1 3000ms  linear infinite ;
	-ms-animation: loveHouseSteam1 3000ms  linear infinite ;
	-o-animation: loveHouseSteam1 3000ms  linear infinite ;
}
.meetPar_heart5{
		position: absolute;
	z-index: 2;
	left: 90%;
	top:76%;
	width:4%;
	animation: loveHouseSteam1 3000ms  linear infinite ;
	-webkit-animation: loveHouseSteam1 3000ms  linear infinite ;
	-moz-animation: loveHouseSteam1 3000ms  linear infinite ;
	-ms-animation: loveHouseSteam1 3000ms  linear infinite ;
	-o-animation: loveHouseSteam1 3000ms  linear infinite ;
}
.meetPar_dialogue1{
	transform: rotateY(-180deg);
		position: absolute;
		opacity: 0.7;
	z-index: 2;
	left: 25%;
	top:21%;
	width:20%;
	/*animation: meetPar_dialogue 8s linear 0s infinite;   

    -webkit-animation: meetPar_dialogue 8s linear 0s infinite;
    -moz-animation: meetPar_dialogue 8s linear 0s infinite;
    -o-animation: meetPar_dialogue 8s linear 0s infinite;
    -ms-animation: meetPar_dialogue 8s linear 0s infinite;*/
    
   
}
.meetPar_dialogue2{
		position: absolute;
	z-index: 1;
	left: 79%;
	top:35%;
	width:23%;
	 /*animation: meetPar_dialogue 8s linear 0s infinite;   /*调用名称为fade-in的动画，全程动画显示时间4S，进入方式为ease，延时0S进入，播放次数1次*/
    /*-webkit-animation: meetPar_dialogue 8s linear 0s infinite;  
    -moz-animation: meetPar_dialogue 8s linear 0s infinite;  
    -o-animation: meetPar_dialogue 8s linear 0s infinite;  
    -ms-animation: meetPar_dialogue 8s linear 0s infinite;  
    */
   
}
.meetPar_dialogue3{
		position: absolute;
	z-index: 2;
	left: 79%;
	top:30%;
	width:23%;
	 animation: meetPar_dialogue 8s linear 0s infinite;     /*调用名称为fade-in的动画，全程动画显示时间4S，进入方式为ease，延时0S进入，播放次数1次*/
    -webkit-animation: meetPar_dialogue 8s linear 0s infinite;  
    -moz-animation: meetPar_dialogue 8s linear 0s infinite;  
    -o-animation: meetPar_dialogue 8s linear 0s infinite;  
    -ms-animation: meetPar_dialogue 8s linear 0s infinite;  
    
    
}

.meetPar_dialogue4{
		position: absolute;
	z-index: 2;
	left: 79%;
	top:30%;
	width:23%;
	 animation: meetPar_dialogue 8s linear 0s infinite;    /*调用名称为fade-in的动画，全程动画显示时间4S，进入方式为ease，延时0S进入，播放次数1次*/
    -webkit-animation: meetPar_dialogue 8s linear 0s infinite;  
    -moz-animation: meetPar_dialogue 8s linear 0s infinite;  
    -o-animation: meetPar_dialogue 8s linear 0s infinite;  
    -ms-animation: meetPar_dialogue 8s linear 0s infinite;  
    
     
}






@-webkit-keyframes meetPar_dialogue {
	0%{		
	opacity: 0;
	}
	50%{
		
		opacity: 1;
	}
	100%{
		
		opacity: 0;	
	}
}







 /*---------------------------- 见家长  E -------------------------------*/
 /*---------------------------- S 回忆 -------------------------------*/
#recall{
	position: absolute;
	/*display: none;*/
	width: 100%;
	height: 94%;
}
#recall_bg1{
	position: absolute;
	z-index: -1;
	left: 11%;
	top: 20%;
	width: 78%;
	
}
#recall_bg2{
	position: absolute;

	left:11%;
	top: 46%;
	width:78%;
	
}
#recall_bg3{
	position: absolute;
	z-index: 2;
	left: 3%;
	top: 12%;
	width:94%;

}
#recall_bg4{
	position: absolute;
	z-index: -1;
	left: 0%;
	top: 0%;
	width: 100%;
}

#recall_i{
	position: absolute;
	opacity: 0;
	z-index: 2;	
	left: 3%;
	top: 7%;
	width: 6%;
	 animation: recall_love 2s ease 0s 1;    /*调用名称为fade-in的动画，全程动画显示时间4S，进入方式为ease，延时0S进入，播放次数1次*/
    -webkit-animation: recall_love 2s ease 0s 1;
    -moz-animation: recall_love 2s ease 0s 1;
    -o-animation: recall_love 2s ease 0s 1;
    -ms-animation: recall_love 2s ease 0s 1;
    
      animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}
#recall_l{
	position: absolute;
	opacity: 0;
	z-index: 2;	
	left: 9.2%;
	top: 7%;
	width: 10%;
	 opacity: 0;    
    animation: recall_love 2s ease 2s 1;
    -webkit-animation: recall_love 2s ease 2s 1;
    -moz-animation: recall_love 2s ease 2s 1;
    -o-animation: recall_love 2s ease 2s 1;
    -ms-animation: recall_love 2s ease 2s 1;
    
     animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}
#recall_o1{
	position: absolute;
	opacity: 0;
	z-index: 2;	
	left: 17.5%;
	top: 8.8%;
	width: 11%;
	animation: recall_love 2s ease 4s 1;
    -webkit-animation: recall_love 2s ease 4s 1;
    -moz-animation: recall_love 2s ease 4s 1;
    -o-animation: recall_love 2s ease 4s 1;
    -ms-animation: recall_love 2s ease 4s 1;
    
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}
#recall_v{
	position: absolute;
	z-index: 2;	
	opacity: 0;
	left: 27%;
	top:8%;
	width: 11%;
	 animation: recall_love 2s ease 6s 1;
    -webkit-animation: recall_love 2s ease 6s 1;
    -moz-animation: recall_love 2s ease 6s 1;
    -o-animation: recall_love 2s ease 6s 1;
    -ms-animation: recall_love 2s ease 6s 1;
    
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}
#recall_e{
	position: absolute;
	opacity: 0;
	z-index: 2;	
	left: 37%;
	top:9%;
	width: 11%;
	animation: recall_love 2s ease 8s 1;
    -webkit-animation: recall_love 2s ease 8s 1;
    -moz-animation: recall_love 2s ease 8s 1;
    -o-animation: recall_love 2s ease 8s 1;
    -ms-animation: recall_love 2s ease 8s 1;
    
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}
#recall_y{
	position: absolute;
	z-index: 2;		
	opacity: 0;
	left: 46%;
	top:6.5%;
	width: 12%;
	 animation: recall_love 2s ease 10s 1;
    -webkit-animation: recall_love 2s ease 10s 1;
    -moz-animation: recall_love 2s ease 10s 1;
    -o-animation: recall_love 2s ease 10s 1;
    -ms-animation: recall_love 2s ease 10s 1;
    
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}
#recall_o2{
	position: absolute;
	z-index: 2;	
	opacity: 0;
	left: 55%;
	top:9%;
	width: 11%;
	animation: recall_love 2s ease 12s 1;
    -webkit-animation: recall_love 2s ease 12s 1;
    -moz-animation: recall_love 2s ease 12s 1;
    -o-animation: recall_love 2s ease 12s 1;
    -ms-animation: recall_love 2s ease 12s 1;
    
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}
#recall_u{
	position: absolute;
	z-index: 2;	
	opacity: 0;
	left: 65%;
	top:9%;
	width: 10%;
	animation: recall_love 2s ease 14s 1;
    -webkit-animation: recall_love 2s ease 14s 1;
    -moz-animation: recall_love 2s ease 14s 1;
    -o-animation: recall_love 2s ease 14s 1;
    -ms-animation: recall_love 2s ease 14s 1;
    
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}
@-webkit-keyframes recall_love {
	0%{
		top: 0;
	opacity: 0;
	}
	100%{
		top: 7 %;
		opacity: 1;
	}
}

#recall_ballute1{
	position: absolute;	
	
	left: 13%;
	top: 74%;
	width: 11%;
	animation: loveHouse_ballute1 3000ms  linear infinite;
	-webkit-animation: loveHouse_ballute1 3000ms  linear infinite;
	-moz-animation: loveHouse_ballute1 3000ms  linear infinite;
	-ms-animation: loveHouse_ballute1 3000ms  linear infinite;
	-o-animation: loveHouse_ballute1 3000ms  linear infinite;
}
#recall_ballute2{
	position: absolute;	
	
	left: 7%;
	top: 50%;
	width:15%;
	animation: loveHouse_ballute 3000ms  linear infinite;
	-webkit-animation: loveHouse_ballute 3000ms  linear infinite;
	-moz-animation: loveHouse_ballute 3000ms  linear infinite;
	-ms-animation: loveHouse_ballute 3000ms  linear infinite;
	-o-animation: loveHouse_ballute 3000ms  linear infinite;
}
#recall_ballute3{
	position: absolute;	
	
	left: 76%;
	top: 67%;
	width: 16%;
	animation: loveHouse_ballute1 3000ms  linear infinite;
	-webkit-animation: loveHouse_ballute1 3000ms  linear infinite;
	-moz-animation: loveHouse_ballute1 3000ms  linear infinite;
	-ms-animation: loveHouse_ballute1 3000ms  linear infinite;
	-o-animation: loveHouse_ballute1 3000ms  linear infinite;
}
#recall_ballute4{
	position: absolute;	
	
	left: 77%;
	top: 50%;
	width: 13%;
	animation: loveHouse_ballute 3000ms  linear infinite;
	-webkit-animation: loveHouse_ballute 3000ms  linear infinite;
	-moz-animation: loveHouse_ballute 3000ms  linear infinite;
	-ms-animation: loveHouse_ballute 3000ms  linear infinite;
	-o-animation: loveHouse_ballute 3000ms  linear infinite;
}
#recall_seat{
	position: absolute;	
	z-index: 1;
	left: 30%;
	top: 69%;
	width: 42%;
}
#recall_tree1{
	position: absolute;	
	z-index: -1;
	left: 34%;
	top: 37%;
	width: 14%;
}
#recall_tree2{
	position: absolute;	
	z-index: -1;
	left: 48%;
	top: 33%;
	width: 19%;
}
#recall_tree3{
	position: absolute;	
	left: 6%;
	top: 35%;
	width: 17%;
	z-index: -1;
}
#recall_tree4{
	position: absolute;	
	left: 17%;
	top: 34%;
	width: 18%;
	z-index: -1;
}
#recall_tree5{
	position: absolute;	
	z-index: -1;
	left: 60%;
	top: 37%;
	width: 14%;
}
#recall_tree6{
	position: absolute;	
	z-index: -1;
	left: 74%;
	top: 36%;
	width: 17%;
}
#recall_flower{
	position: absolute;	
	z-index: 2;
	left: 54%;
	top: 41%;
	width: 50%;
	animation: recall_flower 3000ms linear infinite alternate;
	-webkit-animation:recall_flower 3000ms linear infinite alternate;
	-moz-animation: recall_flower 3000ms linear infinite alternate;
	-ms-animation: recall_flower 3000ms linear infinite alternate;
	-o-animation: recall_flower 3000ms linear infinite alternate;
}
@keyframes recall_flower {
	0% {
	opacity: 0;	
	}
	100% {		
		opacity: 1;		
	}
}
#recall_boy{
	position: absolute;	
	z-index: 1;
	left: 51%;
	top: 22%;
	width: 27%;
}
#recall_boy_hand{
	position: absolute;		
	z-index: 1;
	left: 65%;
	top: 47%;
	width: 8%;
	animation: recall_boy_hand 1000ms linear infinite alternate;
	-webkit-animation:recall_boy_hand 1000ms linear infinite alternate;
	-moz-animation: recall_boy_hand 1000ms linear infinite alternate;
	-ms-animation: recall_boy_hand 1000ms linear infinite alternate;
	-o-animation: recall_boy_hand 1000ms linear infinite alternate;
}
@keyframes recall_boy_hand {
	0% {
		-webkit-transform-origin: left center ;
		transform-origin:left center ;
	 transform: rotate(0deg);		
	}
	100% {		
		-webkit-transform-origin: left center ;
		transform-origin: left center ;
		transform: rotate(20deg); 	
	}
}
#recall_boy_eye{
	position: absolute;	
	z-index: 1;	
	left: 69%;
	top: 40.5%;
	width: 4%;
}
#recall_girl{	
	position: absolute;	
	z-index: 1;
	left: 22%;
	top:25%;
	width: 33%;
}
#recall_girl_hand{
		position: absolute;	
		z-index: 1;
	left: 30%;
	top:46%;
	width:7%;
	animation: recall_girl_hand 1000ms linear infinite alternate;
	-webkit-animation:recall_girl_hand 1000ms linear infinite alternate;
	-moz-animation: recall_girl_hand 1000ms linear infinite alternate;
	-ms-animation: recall_girl_hand 1000ms linear infinite alternate;
	-o-animation: recall_girl_hand 1000ms linear infinite alternate;
}
@keyframes recall_girl_hand {
	0% {
		-webkit-transform-origin: right top ;
		transform-origin:right top ;
	 transform: rotate(-10deg);		
	}
	100% {		
		-webkit-transform-origin: right top ;
		transform-origin: right top ;
		transform: rotate(5deg); 	
	}
}
#recall_girl_eye{
	position: absolute;
	z-index: 1;
	left: 41%;
	top:36%;
	width:4%;
}


#recall_Ded{
	position: absolute;	
	z-index: 1;
	left: 50.5%;
	top: 52%;
	width: 24%;
}
#recall_Ded_head{
position: absolute;	
	z-index: 1;
	left: 54%;
	top: 54%;
	width: 8%;	
	animation: recall_Ded_head 1500ms linear infinite alternate;
	-webkit-animation:recall_Ded_head 1500ms linear infinite alternate;
	-moz-animation: recall_Ded_head 1500ms linear infinite alternate;
	-ms-animation: recall_Ded_head 1500ms linear infinite alternate;
	-o-animation: recall_Ded_head 1500ms linear infinite alternate;
}
@keyframes recall_Ded_head {
	0% {
		opacity: 0;
	}
	50%{
		opacity: 1;
	}
	100% {		
		opacity: 1;
	}
}
.recall_blusher{
	position: absolute;
	z-index: 1;
	animation: recall_Ded_head 1000ms linear infinite alternate;
	-webkit-animation:recall_Ded_head 1000ms linear infinite alternate;
	-moz-animation: recall_Ded_head 1000ms linear infinite alternate;
	-ms-animation: recall_Ded_head 1000ms linear infinite alternate;
	-o-animation: recall_Ded_head 1000ms linear infinite alternate;
}
.recall_blusher1{	
	left: 53%;
	top: 68%;
	width: 4%;	
}
.recall_blusher2{	
	left: 65%;
	top: 66%;
	width: 4%;	
}

.recall_blusher3{	
	left: 33%;
	top: 70.2%;
	width: 3%;	
}
.recall_blusher4{	
	left: 43%;
	top: 70%;
	width: 3%;	
}



#recall_Mom{
	position: absolute;	
	z-index: 1;
	left: 23%;
	top: 50%;
	width: 29%;
}
#recall_Mom_flower{
	position: absolute;	
	z-index: 1;
	left: 26%;
	top: 56%;
	width:10%;
}
#recall_Mom_sasa{
	position: absolute;	
	z-index: 1;
	left: 24%;
	top: 61%;
	width:10%;
	animation: recall_Mom_sasa 1500ms linear infinite alternate;
	-webkit-animation:recall_Mom_sasa 1500ms linear infinite alternate;
	-moz-animation: recall_Mom_sasa 1500ms linear infinite alternate;
	-ms-animation: recall_Mom_sasa 1500ms linear infinite alternate;
	-o-animation: recall_Mom_sasa 1500ms linear infinite alternate;
}
@keyframes recall_Mom_sasa {
	0% {
		-webkit-transform-origin: top center ;
		transform-origin:top center;
	 transform: rotate(0deg);		
	}
	100% {		
		-webkit-transform-origin: top center ;
		transform-origin: top center ;
		transform: rotate(10deg); 	
	}
}
#recall_child{
	position: absolute;	
	z-index: 1;
	left: 44%;
	top: 73%;
	width: 15%;
}
#recall_child_eye{
	position: absolute;	
	z-index: 1;
	left: 46.5%;
	top: 81.5%;
	width: 9%;
}
#recall_cloud1{
	position: absolute;

	left:13%;
	top:24%;
	width: 15%;
	animation: recall_cloud 2500ms linear infinite alternate;
	-webkit-animation:recall_cloud 2500ms linear infinite alternate;
	-moz-animation: recall_cloud 2500ms linear infinite alternate;
	-ms-animation: recall_cloud 2500ms linear infinite alternate;
	-o-animation: recall_cloud 2500ms linear infinite alternate;
}
#recall_cloud2{
	position: absolute;
	
	left:70%;
	top:18%;
	width: 15%;
	animation: recall_cloud 3000ms linear infinite alternate;
	-webkit-animation:recall_cloud 3000ms linear infinite alternate;
	-moz-animation: recall_cloud 3000ms linear infinite alternate;
	-ms-animation: recall_cloud 3000ms linear infinite alternate;
	-o-animation: recall_cloud 3000ms linear infinite alternate;
}

@-webkit-keyframes recall_cloud {
	0% {
		transform: matrix(1,0,0,1,0,0);	
	}
	100%{
		transform: matrix(1,0,0,1,100,0);	
	}
}
#recall_star1{
	position: absolute;
	z-index: 1;
	left:20%;
	top:30%;
	width: 3%;
	animation: recall_flower 2000ms linear infinite alternate;
	-webkit-animation:recall_flower 2000ms linear infinite alternate;
	-moz-animation: recall_flower 2000ms linear infinite alternate;
	-ms-animation: recall_flower 2000ms linear infinite alternate;
	-o-animation: recall_flower 2000ms linear infinite alternate;
}
#recall_star2{
	position: absolute;
	z-index: 1;
	left:20%;
	top:46%;
	width: 2%;
	animation: recall_flower 1500ms linear infinite alternate;
	-webkit-animation:recall_flower 1500ms linear infinite alternate;
	-moz-animation: recall_flower 1500ms linear infinite alternate;
	-ms-animation: recall_flower 1500ms linear infinite alternate;
	-o-animation: recall_flower 1500ms linear infinite alternate;
}
#recall_star3{
	position: absolute;
	z-index: 1;
	left:20%;
	top:73%;
	width: 3%;
	animation: recall_flower 3000ms linear infinite alternate;
	-webkit-animation:recall_flower 3000ms linear infinite alternate;
	-moz-animation: recall_flower 3000ms linear infinite alternate;
	-ms-animation: recall_flower 3000ms linear infinite alternate;
	-o-animation: recall_flower 3000ms linear infinite alternate;
}
#recall_star4{
	position: absolute;
	z-index: 1;
	left:27%;
	top:78%;
	width: 2.5%;
	animation: recall_flower 2000ms linear infinite alternate;
	-webkit-animation:recall_flower 2000ms linear infinite alternate;
	-moz-animation: recall_flower 2000ms linear infinite alternate;
	-ms-animation: recall_flower 2000ms linear infinite alternate;
	-o-animation: recall_flower 2000ms linear infinite alternate;
}
#recall_star5{
	position: absolute;
	z-index: 1;
	left:80%;
	top:30%;
	width: 3%;
	animation: recall_flower 1500ms linear infinite alternate;
	-webkit-animation:recall_flower 1500ms linear infinite alternate;
	-moz-animation: recall_flower 1500ms linear infinite alternate;
	-ms-animation: recall_flower 1500ms linear infinite alternate;
	-o-animation: recall_flower 1500ms linear infinite alternate;
}
#recall_star6{
	position: absolute;
	z-index: 1;
	left:72%;
	top:52%;
	width: 4%;
	animation: recall_flower 1000ms linear infinite alternate;
	-webkit-animation:recall_flower 1000ms linear infinite alternate;
	-moz-animation: recall_flower 1000ms linear infinite alternate;
	-ms-animation: recall_flower 1000ms linear infinite alternate;
	-o-animation: recall_flower 1000ms linear infinite alternate;
}
#recall_star7{
	position: absolute;
	z-index: 1;
	left:78%;
	top:70%;
	width: 2%;
	animation: recall_flower 1500ms linear infinite alternate;
	-webkit-animation:recall_flower 1500ms linear infinite alternate;
	-moz-animation: recall_flower 1500ms linear infinite alternate;
	-ms-animation: recall_flower 1500ms linear infinite alternate;
	-o-animation: recall_flower 1500ms linear infinite alternate;
}
#recall_star8{
	position: absolute;
	z-index: 1;
	left:75%;
	top:78%;
	width: 4%;
	animation: recall_flower 1000ms linear infinite alternate;
	-webkit-animation:recall_flower 1000ms linear infinite alternate;
	-moz-animation: recall_flower 1000ms linear infinite alternate;
	-ms-animation: recall_flower 1000ms linear infinite alternate;
	-o-animation: recall_flower 1000ms linear infinite alternate;
}
 /*---------------------------- 回忆  E -------------------------------*/

 /*---------------------------- S 送别 -------------------------------*/
#farewell{
	position: absolute;
		/*display: none;*/
	width: 100%;
	height: 95%;	
}
#farewell_clelo{
	position:absolute;
	left: 0%;
	top: 0%;
	width: 25%;
}
#farewell_cloud1{
	position:absolute;
	left: -5%;
	top: 4%;
	width: 10%;
	animation: farewell_cloud 4500ms linear infinite alternate;
	-webkit-animation:farewell_cloud 4500ms linear infinite alternate;
	-moz-animation: farewell_cloud 4500ms linear infinite alternate;
	-ms-animation: farewell_cloud 4500ms linear infinite alternate;
	-o-animation: farewell_cloud 4500ms linear infinite alternate;
}
#farewell_cloud2{
	position:absolute;
	left: 7%;
	top: 10%;
	width: 13%;
	animation: farewell_cloud 3500ms linear infinite alternate;
	-webkit-animation:farewell_cloud 3500ms linear infinite alternate;
	-moz-animation: farewell_cloud 3500ms linear infinite alternate;
	-ms-animation: farewell_cloud 3500ms linear infinite alternate;
	-o-animation: farewell_cloud 3500ms linear infinite alternate;
}
@-webkit-keyframes farewell_cloud {
	0% {
		transform: matrix(1,0,0,1,0,0);	
	}
	100%{
		transform: matrix(1,0,0,1,30,0);	
	}
}
#farewell_house{
	position:absolute;
	left: 7%;
	top:-4%;
	width: 103%;
}
#farewell_floor{
	position:absolute;
	left: -1%;
	top:50%;
	width: 102%;
}
#farewell_tree1{
	position:absolute;
	left: -3%;
	top:26%;
	width: 31%;
}	
#farewell_tree2{
	position:absolute;
	left: 5%;
	top:41%;
	width: 30%;
}
#farewell_tree3{
position:absolute;
	left:73%;
	top:58%;
	width: 30%;	
}
#farewell_tree4{
position:absolute;
	left:53%;
	top:67%;
	width: 51%;	
}	
#farewell_leaf1{
	position:absolute;
	left:-8%;
	top:88%;
	width: 21%;	
}
#farewell_leaf2{
	position:absolute;
	transform: rotate(50deg);
	left:52%;
	top:95%;
	width: 21%;	
}
#farewell_leaf3{
	position:absolute;
	transform: rotate(16deg);
	left:55%;
	top:83%;
	width: 26%;	
}
#farewell_leaf4{
	position:absolute;
	transform: rotate(-37deg);
	left:71%;
	top:93%;
	width: 21%;	
}
#farewell_leaf5{
	position:absolute;
	left:82%;
	top:79%;
	width: 26%;	
}
#farewell_Ded{
	position:absolute;
	z-index: 2;
	left:44%;
	top:20%;
	width: 29%;	
}
#farewell_Ded_hand{
	z-index: 1;
	position:absolute;
	
	left:48.5%;
	top:46%;
	width:8%;		
	animation: farewell_Ded_hand 1000ms linear infinite alternate;
	-webkit-animation:farewell_Ded_hand 1000ms linear infinite alternate;
	-moz-animation: farewell_Ded_hand 1000ms linear infinite alternate;
	-ms-animation: farewell_Ded_hand 1000ms linear infinite alternate;
	-o-animation: farewell_Ded_hand 1000ms linear infinite alternate;
}
@keyframes farewell_Ded_hand {
	0% {
		-webkit-transform-origin: right center ;
		transform-origin: right center ;
	 transform: rotate(-15deg);		
	}
	100% {		
		-webkit-transform-origin:  right center  ;
		transform-origin:  right center  ;
		transform: rotate(-10deg); 	
	}
}
#farewell_Mom{
	z-index: 1;
	position:absolute;
	left:63.5%;
	top:24%;
	width: 32%;		

}
#farewell_Mom_eye{
	z-index: 1;
	position:absolute;
	left:71.5%;
	top:42%;
	width: 13%;	
}
#farewell_Mom_eye2{
	z-index: 1;
	position:absolute;
	left:81.5%;
	top:44%;
	width: 2.5%;
	animation: farewell_Mom_eye 1000ms linear infinite alternate;
	-webkit-animation:farewell_Mom_eye 1000ms linear infinite alternate;
	-moz-animation: farewell_Mom_eye 1000ms linear infinite alternate;
	-ms-animation: farewell_Mom_eye 1000ms linear infinite alternate;
	-o-animation: farewell_Mom_eye 1000ms linear infinite alternate;
}
#farewell_Mom_eye3{
	z-index: 1;
	position:absolute;
	left:72%;
	top:44%;
	width: 2.5%;
	animation: farewell_Mom_eye 1000ms linear infinite alternate;
	-webkit-animation:farewell_Mom_eye 1000ms linear infinite alternate;
	-moz-animation: farewell_Mom_eye 1000ms linear infinite alternate;
	-ms-animation: farewell_Mom_eye 1000ms linear infinite alternate;
}
@-webkit-keyframes farewell_Mom_eye {
	0% {
	
		transform: rotate(40deg);	
	}
	100%{
	
		transform:rotate(0deg);
	}
}

#farewell_Mom_tear1{
	z-index: 1;
	position:absolute;
	left:83.5%;
	top:45%;
	width: 2.5%;
	animation: farewell_Mom_tear 1500ms linear infinite alternate;
	-webkit-animation:farewell_Mom_tear 1500ms linear infinite alternate;
	-moz-animation: farewell_Mom_tear 1500ms linear infinite alternate;
	-ms-animation: farewell_Mom_tear 1500ms linear infinite alternate;
	-o-animation: farewell_Mom_tear 1500ms linear infinite alternate;	
}
#farewell_Mom_tear2{
	z-index: 1;
	position:absolute;
	left:69.5%;
	top:45%;
	width: 2.5%;
	animation: farewell_Mom_tear 1200ms linear infinite alternate;
	-webkit-animation:farewell_Mom_tear 1200ms linear infinite alternate;
	-moz-animation: farewell_Mom_tear 1200ms linear infinite alternate;
	-ms-animation: farewell_Mom_tear 1200ms linear infinite alternate;
	-o-animation: farewell_Mom_tear 1200ms linear infinite alternate;	
}
@-webkit-keyframes farewell_Mom_tear {
	0% {
		transform: matrix(1,0,0,1,0,0);	
	}
	100%{
		transform: matrix(0.3,0,0,0.3,0,0);	
	}
}

#farewell_girl_head{
	
	position:absolute;
	left:0%;
	top:56%;
	width: 53%;	
}
#farewell_girl_body{

	position:absolute;
	left:19%;
	top:86%;
	width: 16%;	
}
#farewell_girl_hand{
		position:absolute;
		transform: rotate(20deg);
	left:31%;
	top:83.5%;
	width: 9%;	
	animation: farewell_girl_hand 1500ms linear infinite alternate;
	-webkit-animation:farewell_girl_hand 1500ms linear infinite alternate;
	-moz-animation: farewell_girl_hand 1500ms linear infinite alternate;
	-ms-animation: farewell_girl_hand 1500ms linear infinite alternate;
	-o-animation: farewell_girl_hand 1500ms linear infinite alternate;
}
@keyframes farewell_girl_hand {
	0% {
		-webkit-transform-origin: left center ;
		transform-origin: left center ;
	 transform: rotate(20deg);		
	}
	100% {		
		-webkit-transform-origin:  left center  ;
		transform-origin:  left center  ;
		transform: rotate(40deg); 	
	}
}
#farewell_Butterfly1{
	position:absolute;	
	transform: rotate(90deg);
	left:10%;
	top:89.5%;
	width: 4%;	
	animation: farewell_Butterfly1 3500ms linear infinite ;
	-webkit-animation:farewell_Butterfly1 3500ms linear infinite ;
	-moz-animation: farewell_Butterfly1 3500ms linear infinite ;
	-ms-animation: farewell_Butterfly1 3500ms linear infinite ;
	-o-animation: farewell_Butterfly1 3500ms linear infinite ;
}
@-webkit-keyframes farewell_Butterfly1 {
	0% {
		transform: matrix(1,0,0,1,0,0) rotate(90deg);	
	}
	25%{
		transform: matrix(1,0,0,1,25,10) rotate(120deg);		
	}
	50%{
		transform: matrix(1,0,0,1,50,0) rotate(10deg);	
	}
	75%{
		transform: matrix(1,0,0,1,25,-10) rotate(-10deg);	
	}
	100%{
		transform: matrix(1,0,0,1,0,0) rotate(90deg);	
	}
}
#farewell_Butterfly2{
	position:absolute;
	
	left:8%;
	top:47%;
	width: 5%;
	animation: farewell_Butterfly2 3500ms linear infinite ;
	-webkit-animation:farewell_Butterfly2 4000ms linear infinite ;
	-moz-animation: farewell_Butterfly2 4000ms linear infinite ;
	-ms-animation: farewell_Butterfly2 4000ms linear infinite ;
	-o-animation: farewell_Butterfly2 4000ms linear infinite ;	
}
@-webkit-keyframes farewell_Butterfly2 {
	0% {
		transform: matrix(1,0,0,1,0,0) rotate(90deg);	
	}
	25%{
		transform: matrix(1,0,0,1,40,15) rotate(120deg);		
	}
	50%{
		transform: matrix(1,0,0,1,80,0) rotate(10deg);	
	}
	75%{
		transform: matrix(1,0,0,1,40,-10) rotate(-40deg);	
	}
	100%{
		transform: matrix(1,0,0,1,0,0) rotate(90deg);	
	}
}
#farewell_Butterfly3{
	position:absolute;
	
	left:62%;
	top:70.5%;
	width: 7%;	
	animation: farewell_Butterfly3 4500ms linear infinite ;
	-webkit-animation:farewell_Butterfly3 4500ms linear infinite ;
	-moz-animation: farewell_Butterfly3 4500ms linear infinite ;
	-ms-animation: farewell_Butterfly3 4500ms linear infinite ;
	-o-animation: farewell_Butterfly3 4500ms linear infinite ;	
}
@-webkit-keyframes farewell_Butterfly3 {
	0% {
		transform: matrix(1,0,0,1,0,0) rotate(90deg);	
	}
	25%{
		transform: matrix(1,0,0,1,35,15) rotate(110deg);		
	}
	50%{
		transform: matrix(1,0,0,1,80,0) rotate(10deg);	
	}
	75%{
		transform: matrix(1,0,0,1,35,-10) rotate(-40deg);	
	}
	100%{
		transform: matrix(1,0,0,1,0,0) rotate(-180deg);	
	}
}
#farewell_Butterfly4{
	position:absolute;	
	left:83%;
	top:76.5%;
	width: 3%;	
	animation: farewell_Butterfly4 4500ms linear infinite ;
	-webkit-animation:farewell_Butterfly4 4500ms linear infinite ;
	-moz-animation: farewell_Butterfly4 4500ms linear infinite ;
	-ms-animation: farewell_Butterfly4 4500ms linear infinite ;
	-o-animation: farewell_Butterfly4 4500ms linear infinite ;
}
@-webkit-keyframes farewell_Butterfly4{
	0% {
		transform: matrix(1,0,0,1,0,0) rotate(-90deg);	
	}
	25%{
		transform: matrix(1,0,0,1,-35,15) rotate(-110deg);		
	}
	50%{
		transform: matrix(1,0,0,1,-80,0) rotate(-10deg);	
	}
	75%{
		transform: matrix(1,0,0,1,-35,-10) rotate(40deg);	
	}
	100%{
		transform: matrix(1,0,0,1,0,0) rotate(180deg);	
	}
}
#farewell_Butterfly5{
	position:absolute;
	
	left:92%;
	top:56.5%;
	width: 4%;	
	animation: farewell_Butterfly5 5000ms linear infinite ;
	-webkit-animation:farewell_Butterfly5 5000ms linear infinite ;
	-moz-animation: farewell_Butterfly5 5000ms linear infinite ;
	-ms-animation: farewell_Butterfly5 5000ms linear infinite ;
	-o-animation: farewell_Butterfly5 5000ms linear infinite ;
}
@-webkit-keyframes farewell_Butterfly5{
	0% {
		transform: matrix(1,0,0,1,0,0) rotate(-90deg);	
	}
	25%{
		transform: matrix(1,0,0,1,-35,15) rotate(-110deg);		
	}
	50%{
		transform: matrix(1,0,0,1,-60,0) rotate(-10deg);	
	}
	75%{
		transform: matrix(1,0,0,1,-35,-10) rotate(40deg);	
	}
	100%{
		transform: matrix(1,0,0,1,0,0) rotate(180deg);	
	}
}


 /*---------------------------- 送别  E -------------------------------*/

 /*---------------------------- S 旅行  -------------------------------*/

#travel{
	position: absolute;
	/*display: none;*/
	width: 100%;
	height: 94%;
}
#travel img{
	position: absolute;
	
}
#travel_bg1{	
	top: 0%;
	left: -5%;
	width: 28%;
	
}
#travel_bg2{	
	top: 0%;
	left: 23%;
	width: 77%;	
}
#travel_lamp1{
	top: -1%;
	left: 11%;
	width: 8%;	
}
#travel_lamp2{
	top: -1%;
	left: 45%;
	width: 8%;	
}
#travel_lamp3{
	top: -1%;
	left: 77%;
	width: 8%;	
}
#travel_lamp4{
	top: 31%;
	left: 82%;
	width: 18%;		
}
#travel_byobu{
	top: 10%;
	left: 25%;
	width: 74%;	
}
#travel_flower{
	top: 68%;
	left: -2%;
	width: 102%;	
}
#travel_click{
	top: 18%;
	left: 3%;
	width: 13%;	
}
#travel_second{
	top: 26%;
	left: 10%;
	width: 6%;	
	animation: travel_second 6000ms linear infinite ;
	-webkit-animation:travel_second 6000ms linear infinite ;
	-moz-animation: travel_second 6000ms linear infinite ;
	-ms-animation: travel_second 6000ms linear infinite ;
	-o-animation: travel_second 6000ms linear infinite ;	
}

@keyframes travel_second {
	0% {
		-webkit-transform-origin: left top ;
		transform-origin: left top ;
	 transform: rotate(0deg);		
	}
	100% {		
		-webkit-transform-origin:  left top  ;
		transform-origin: left top  ;
		transform: rotate(360deg); 	
	}
}
#travel_mural{
	top: 38%;
	left: 3%;
	width: 13%;	
}
#travel_rug{
	top: 80%;
	left: 2%;
	width: 94%;	
}
#travel_girl{
	z-index:1 ;
	
	top: 49%;
	left: 7.5%;
	width:37%;		
}
#travel_girl_hand{
	z-index:1 ;
	top: 81%;
	left: 19.5%;
	width:9.1%;	
	animation: travel_girl_hand 2000ms linear infinite alternate;
	-webkit-animation:travel_girl_hand 2000ms linear infinite alternate;
	-moz-animation: travel_girl_hand 2000ms linear infinite alternate;
	-ms-animation: travel_girl_hand 2000ms linear infinite alternate;
	-o-animation: travel_girl_hand 2000ms linear infinite alternate;	
}
@-webkit-keyframes travel_girl_hand{
	0% {
		transform: matrix(1,0,0,1,0,0);	
	}	
	100%{
		transform: matrix(1,0,0,1,0,-5);	
	}
}
#travel_child{
	z-index:1 ;
	top: 63%;
	left: 41.5%;
	width:23%;	
}
#travel_child_eye{
	z-index:1 ;
	top: 73.5%;
	left: 48.5%;
	width:10%;
}
#travel_boy{
	z-index:1 ;
	top: 47%;
	left: 61.5%;
	width:33%;	
}
#travel_boy_eye1{
	z-index:1 ;
	top: 67%;
	left: 68%;
	width:4.5%;	
	animation: travel_boy_eye 2000ms linear infinite alternate;
	-webkit-animation:travel_boy_eye 2000ms linear infinite alternate;
	-moz-animation: travel_boy_eye 2000ms linear infinite alternate;
	-ms-animation: travel_boy_eye 2000ms linear infinite alternate;
	-o-animation: travel_boy_eye 2000ms linear infinite alternate;
}
#travel_boy_eye2{
		z-index:1 ;
	top: 70%;
	left: 81.5%;
	width:4.5%;
	animation: travel_boy_eye 2000ms linear infinite alternate;
	-webkit-animation:travel_boy_eye 2000ms linear infinite alternate;
	-moz-animation: travel_boy_eye 2000ms linear infinite alternate;
	-ms-animation: travel_boy_eye 2000ms linear infinite alternate;
	-o-animation: travel_boy_eye 2000ms linear infinite alternate;	
}
@-webkit-keyframes travel_boy_eye{
	0% {
		transform:rotate(-60deg);	
	}	
	100%{
		transform:rotate(-120deg);		
	}
}


#travel_bottle{
	z-index: 1;
	top: 75%;
	left: 64.5%;
	width:8%;
}
#travel_clothes1{
	top: 88%;
	left: 15%;
	width:6%;
}
#travel_clothes2{
	top: 83%;
	left: 29%;
	width:6%;
}
#travel_clothes3{
	top: 92%;
	left: 10%;
	width:6%;
}
#travel_camera{
	top: 92%;
	left: 17%;
	width:10%;	
}
#travel_box{
	z-index: 1;
	top:83%;
	left: 27.5%;
	width:38%;
}
#travel_cable{
	top:86%;
	left: 65%;
	width:7%;
}
#travel_comb{
	top:92%;
	left: 77%;
	width:8%;
}
#travel_vial{
	top:87%;
	left: 81%;
	width:7%;
}
#travel_cap{
	top:47%;
	left: 68%;
	width:12%;
}
#travel_toothbrush{
	top:92%;
	left: 66%;
	width:9%;
}
#travel_Flugkarte{
	top:81.5%;
	left: 80%;
	width:12%;
}
#travel_star1{
	top:74%;
	left:7%;
	width:4%;	
	animation: newLife_tear 1000ms linear infinite alternate;
	-webkit-animation:newLife_tear 1000ms linear infinite alternate;
	-moz-animation: newLife_tear 1000ms linear infinite alternate;
	-ms-animation: newLife_tear 1000ms linear infinite alternate;
	-o-animation: newLife_tear 1000ms linear infinite alternate;	
}
#travel_star2{
	top:80%;
	left:10%;
	width:2%;
	animation: newLife_tear 1200ms linear infinite alternate;
	-webkit-animation:newLife_tear 1200ms linear infinite alternate;
	-moz-animation: newLife_tear 1200ms linear infinite alternate;
	-ms-animation: newLife_tear 1200ms linear infinite alternate;
	-o-animation: newLife_tear 1200ms linear infinite alternate;	
}
#travel_star3{
	top:61%;
	left:46%;
	width:3%;
	animation: newLife_tear 1000ms linear infinite alternate;
	-webkit-animation:newLife_tear 1000ms linear infinite alternate;
	-moz-animation: newLife_tear 1000ms linear infinite alternate;
	-ms-animation: newLife_tear 1000ms linear infinite alternate;
	-o-animation: newLife_tear 1000ms linear infinite alternate;	
}
#travel_star4{
	top:61%;
	left:58%;
	width:2.5%;
	animation: newLife_tear 1200ms linear infinite alternate;
	-webkit-animation:newLife_tear 1200ms linear infinite alternate;
	-moz-animation: newLife_tear 1200ms linear infinite alternate;
	-ms-animation: newLife_tear 1200ms linear infinite alternate;
	-o-animation: newLife_tear 1200ms linear infinite alternate;	
}
#travel_star5{
	top:54%;
	left:64;
	width:2%;
	animation: newLife_tear 1000ms linear infinite alternate;
	-webkit-animation:newLife_tear 1000ms linear infinite alternate;
	-moz-animation: newLife_tear 1000ms linear infinite alternate;
	-ms-animation: newLife_tear 1000ms linear infinite alternate;
	-o-animation: newLife_tear 1000ms linear infinite alternate;	
}
#travel_star6{
	top:40%;
	left:73%;
	width:4%;
	animation: newLife_tear 1200ms linear infinite alternate;
	-webkit-animation:newLife_tear 1200ms linear infinite alternate;
	-moz-animation: newLife_tear 1200ms linear infinite alternate;
	-ms-animation: newLife_tear 1200ms linear infinite alternate;
	-o-animation: newLife_tear 1200ms linear infinite alternate;	
}
#travel_star7{
	top:55%;
	left:96%;
	width:4%;
	animation: newLife_tear 1000ms linear infinite alternate;
	-webkit-animation:newLife_tear 1000ms linear infinite alternate;
	-moz-animation: newLife_tear 1000ms linear infinite alternate;
	-ms-animation: newLife_tear 1000ms linear infinite alternate;
	-o-animation: newLife_tear 1000ms linear infinite alternate;	
}

/*---------------------------- 送别 E  -------------------------------*/

/*---------------------------- S 全家福  -------------------------------*/
#family{
	position: absolute;
	/*display: none;*/
	width: 100%;
	height: 94%;
}
#family img{
	position: absolute;
}
#family_bg{
	z-index: -1;
	width: 96%;
	left: 2%;
}
#family_floor{
	width: 100%;
	top:65.5%;
}
#family_lamp1{
	width: 14%;
	left:8%;
	top: -3%;
}
#family_lamp2{
	width: 14%;
	left:42.5%;
	top: -3%;
}
#family_lamp3{
	width: 14%;
	left:80%;
	top: -3%;
}
#family_bookcase{
	left: -13%;
	top: 28%;
	width: 26.5%;
}
#family_locker{
	left: 87%;
	top: 44.5%;
	width: 16.5%;
}
#family_byobu{
	z-index: -1;
	left: 13.5%;
	top: 1.5%;
	width: 75%;
}
#family_mural{
	left: 93%;
	top: 24%;
	width: 14%;
}
#family_Ded{
	left: 15.5%;
	top:19.5%;
	width: 34.5%;
	animation: family_Ded 1000ms linear infinite alternate;
	-webkit-animation:family_Ded 1000ms linear infinite alternate;
	-moz-animation: family_Ded 1000ms linear infinite alternate;
	-ms-animation: family_Dedy_all 1000ms linear infinite alternate;
	-o-animation: family_Ded 1000ms linear infinite alternate;
}
@keyframes family_Ded {
	0% {
		-webkit-transform-origin: center bottom ;
		transform-origin: center bottom  ;
	 transform: rotate(2deg);		
	}
	100% {		
		-webkit-transform-origin:  center bottom   ;
		transform-origin: center bottom   ;
		transform: rotate(0deg); 	
	}
}


#family_boy_body{
	left: 52.5%;
	top:20.5%;
	width: 34.3%;
}
#family_boy_hand1{
	left: 60.5%;
	top:54.7%;
	width: 7%;
	animation: family_boy_hand1 1000ms linear infinite alternate;
	-webkit-animation:family_boy_hand1 1000ms linear infinite alternate;
	-moz-animation: family_boy_hand1 1000ms linear infinite alternate;
	-ms-animation: family_boy_hand1 1000ms linear infinite alternate;
	-o-animation: family_boy_hand1 1000ms linear infinite alternate;	
}
@keyframes family_boy_hand1 {
	0% {
		-webkit-transform-origin: right top ;
		transform-origin: right top ;
	 transform: rotate(0deg);		
	}
	100% {		
		-webkit-transform-origin:  right top  ;
		transform-origin: right top  ;
		transform: rotate(-10deg); 	
	}
}
#family_boy_hand2{

	left: 73%;
	top:54%;
	width: 8%;
	animation: family_boy_hand2 1000ms linear infinite alternate;
	-webkit-animation:family_boy_hand2 1000ms linear infinite alternate;
	-moz-animation: family_boy_hand2 1000ms linear infinite alternate;
	-ms-animation: family_boy_hand2 1000ms linear infinite alternate;
	-o-animation: family_boy_hand2 1000ms linear infinite alternate;
}
@keyframes family_boy_hand2 {
	0% {
		-webkit-transform-origin: top left ;
		transform-origin: top left ;
	 transform: rotate(17deg);		
	}
	100% {		
		-webkit-transform-origin:  top left  ;
		transform-origin: top left  ;
		transform: rotate(25deg); 	
	}
}

#family_rug_chair{
	left:15.5%;
	top:80%;
	width: 74%;
}

#family_girl{
	left:46%;
	top:58%;
	width: 39%;
}
#family_girl_eye{
	left:55.5%;
	top:75.5%;
	width: 20%;
}

#family_Mom{
	left:16%;
	top:56%;
	width: 38%;
	animation: family_Mom 1000ms linear infinite alternate;
	-webkit-animation:family_Mom 1000ms linear infinite alternate;
	-moz-animation: family_Mom 1000ms linear infinite alternate;
	-ms-animation: family_Mom 1000ms linear infinite alternate;
	-o-animation: family_Mom 1000ms linear infinite alternate;
}
#family_mouth{
	left:70%;
	top:89%;
	width: 2%;
}
@keyframes family_Mom {
	0% {
		-webkit-transform-origin: center bottom ;
		transform-origin: center bottom  ;
	 transform: rotate(0deg);		
	}
	100% {		
		-webkit-transform-origin:  center bottom   ;
		transform-origin: center bottom   ;
		transform: rotate(2deg); 	
	}
}
#family_star1{
	left:18%;
	top:88%;
	width: 5%;
	animation: family_star 1000ms linear infinite alternate;
	-webkit-animation:family_star 1000ms linear infinite alternate;
	-moz-animation: family_star 1000ms linear infinite alternate;
	-ms-animation: family_star 1000ms linear infinite alternate;
	-o-animation: family_star 1000ms linear infinite alternate;
}
#family_star2{
	left:12%;
	top:81%;
	width: 4%;
		animation: family_star 1000ms linear infinite alternate;
	-webkit-animation:family_star 1000ms linear infinite alternate;
	-moz-animation: family_star 1000ms linear infinite alternate;
	-ms-animation: family_star 1000ms linear infinite alternate;
	-o-animation: family_star 1000ms linear infinite alternate;
}
#family_star3{
	left:16%;
	top:54%;
	width: 3%;
		animation: family_star 1000ms linear infinite alternate;
	-webkit-animation:family_star 1000ms linear infinite alternate;
	-moz-animation: family_star 1000ms linear infinite alternate;
	-ms-animation: family_star 1000ms linear infinite alternate;
	-o-animation: family_star 1000ms linear infinite alternate;
}
#family_star4{
	left:14%;
	top:21%;
	width: 3.6%;
		animation: family_star 1000ms linear infinite alternate;
	-webkit-animation:family_star 1000ms linear infinite alternate;
	-moz-animation: family_star 1000ms linear infinite alternate;
	-ms-animation: family_star 1000ms linear infinite alternate;
	-o-animation: family_star 1000ms linear infinite alternate;
}
#family_star5{
	left:31%;
	top:11%;
	width: 3%;
		animation: family_star 1000ms linear infinite alternate;
	-webkit-animation:family_star 1000ms linear infinite alternate;
	-moz-animation: family_star 1000ms linear infinite alternate;
	-ms-animation: family_star 1000ms linear infinite alternate;
	-o-animation: family_star 1000ms linear infinite alternate;
}
#family_star6{
	left:77%;
	top:12%;
	width: 4%;
		animation: family_star 1000ms linear infinite alternate;
	-webkit-animation:family_star 1000ms linear infinite alternate;
	-moz-animation: family_star 1000ms linear infinite alternate;
	-ms-animation: family_star 1000ms linear infinite alternate;
	-o-animation: family_star 1000ms linear infinite alternate;
}
#family_star7{
	left:84.5%;
	top:50%;
	width: 3%;
		animation: family_star 1000ms linear infinite alternate;
	-webkit-animation:family_star 1000ms linear infinite alternate;
	-moz-animation: family_star 1000ms linear infinite alternate;
	-ms-animation: family_star 1000ms linear infinite alternate;
	-o-animation: family_star 1000ms linear infinite alternate;
}
#family_star8{
	left:92%;
	top:83%;
	width: 3.5%;
		animation: family_star 1000ms linear infinite alternate;
	-webkit-animation:family_star 1000ms linear infinite alternate;
	-moz-animation: family_star 1000ms linear infinite alternate;
	-ms-animation: family_star 1000ms linear infinite alternate;
	-o-animation: family_star 1000ms linear infinite alternate;
}
#family_star9{
	left:83%;
	top:76%;
	width: 5%;
		animation: family_star 1000ms linear infinite alternate;
	-webkit-animation:family_star 1000ms linear infinite alternate;
	-moz-animation: family_star 1000ms linear infinite alternate;
	-ms-animation: family_star 1000ms linear infinite alternate;
	-o-animation: family_star 1000ms linear infinite alternate;
}
@keyframes family_star {
	0% {
		opacity: 0.5;
		transform: matrix(1,0,0,1,0,0);			
	}
	100% {	
		opacity: 1;	
		transform: matrix(1,0,0,1,0,10);	
	}
}

#family_flicker1{	
	left:22%;
	top:78%;
	width: 5%;
		animation: family_flicker 500ms linear infinite alternate;
	-webkit-animation:family_flicker 500ms linear infinite alternate;
	-moz-animation: family_flicker 500ms linear infinite alternate;
	-ms-animation: family_flicker 500ms linear infinite alternate;
	-o-animation: family_flicker 500ms linear infinite alternate;
}

#family_flicker2{
	left:15%;
	top:37%;
	width: 5%;
		animation: family_flicker 500ms linear infinite alternate;
	-webkit-animation:family_flicker 500ms linear infinite alternate;
	-moz-animation: family_flicker 500ms linear infinite alternate;
	-ms-animation: family_flicker 500ms linear infinite alternate;
	-o-animation: family_flicker 500ms linear infinite alternate;
}
#family_flicker3{
	left:81%;
	top:42%;
	width: 5%;
		animation: family_flicker 500ms linear infinite alternate;
	-webkit-animation:family_flicker 500ms linear infinite alternate;
	-moz-animation: family_flicker 500ms linear infinite alternate;
	-ms-animation: family_flicker 500ms linear infinite alternate;
	-o-animation: family_flicker 500ms linear infinite alternate;
}
#family_flicker4{
	left:76%;
	top:88%;
	width: 5%;
		animation: family_flicker 500ms linear infinite alternate;
	-webkit-animation:family_flicker 500ms linear infinite alternate;
	-moz-animation: family_flicker 500ms linear infinite alternate;
	-ms-animation: family_flicker 500ms linear infinite alternate;
	-o-animation: family_flicker 500ms linear infinite alternate;
}
#family_flicker5{	
	left:19%;
	top:76%;
	width: 4%;
		animation: family_flicker 500ms linear infinite alternate;
	-webkit-animation:family_flicker 500ms linear infinite alternate;
	-moz-animation: family_flicker 500ms linear infinite alternate;
	-ms-animation: family_flicker 500ms linear infinite alternate;
	-o-animation: family_flicker 500ms linear infinite alternate;
}
#family_flicker6{
	left:14%;
	top:35%;
	width: 3%;
		animation: family_flicker 500ms linear infinite alternate;
	-webkit-animation:family_flicker 500ms linear infinite alternate;
	-moz-animation: family_flicker 500ms linear infinite alternate;
	-ms-animation: family_flicker 500ms linear infinite alternate;
	-o-animation: family_flicker 500ms linear infinite alternate;
}
#family_flicker7{
	left:84%;
	top:41%;
	width: 3%;
		animation: family_flicker 500ms linear infinite alternate;
	-webkit-animation:family_flicker 500ms linear infinite alternate;
	-moz-animation: family_flicker 500ms linear infinite alternate;
	-ms-animation: family_flicker 500ms linear infinite alternate;
	-o-animation: family_flicker 500ms linear infinite alternate;
}
#family_flicker8{
	left:80%;
	top:86%;
	width: 3%;
		animation: family_flicker 500ms linear infinite alternate;
	-webkit-animation:family_flicker 500ms linear infinite alternate;
	-moz-animation: family_flicker 500ms linear infinite alternate;
	-ms-animation: family_flicker 500ms linear infinite alternate;
	-o-animation: family_flicker 500ms linear infinite alternate;
}
#family_flicker9{
	left:76%;
	top:76%;
	width: 5%;
		animation: family_flicker 500ms linear infinite alternate;
	-webkit-animation:family_flicker 500ms linear infinite alternate;
	-moz-animation: family_flicker 500ms linear infinite alternate;
	-ms-animation: family_flicker 500ms linear infinite alternate;
	-o-animation: family_flicker 500ms linear infinite alternate;
}
#family_flicker10{
	left:80%;
	top:73%;
	width: 3%;
		animation: family_flicker 500ms linear infinite alternate;
	-webkit-animation:family_flicker 500ms linear infinite alternate;
	-moz-animation: family_flicker 500ms linear infinite alternate;
	-ms-animation: family_flicker 500ms linear infinite alternate;
	-o-animation: family_flicker 500ms linear infinite alternate;
}

@keyframes family_flicker {
	0% {
		opacity: 0.2;
		-webkit-transform-origin: center center;
		transform-origin: center center;
		transform: matrix(0.3,0,0,0.3,0,0);			
	}
	100% {	
		opacity: 1;	
		-webkit-transform-origin: center center;
		transform-origin: center center;
		transform: matrix(1,0,0,1,0,0);	
	}
}


/*---------------------------- 全家福E  -------------------------------*/









.loveHouseOperate {
	position: absolute;

	z-index: 9;
	width: 100%;
	bottom:0;
	height: 40px;
	
	background-image:url(../images/index/loveHouse/toolbar_bg.png);
	background-repeat: no-repeat;
	background-size:100% 100%;
	overflow: hidden;

}

.wish{
	padding-top: 5px;
	height: 20px;
}

.loveHouseFooter {
	position: absolute;
	width: 100%;	
	overflow: auto;

}
.f_record_time{
	font-weight: bold;
	margin-bottom: 14px;
	color: #333;
	
	
	
}
.f_record_cnt2{
	margin-top: 2%;
}
.one_f_record_time{
	border-top: 1px solid gainsboro;
}

.f_record {
	margin-left: 3%;
	width: 94%;
	height: 94%;
	overflow: auto;
}



.f_record_cnt {
	background: url(../images/c-c-border.png) no-repeat 10px 25px;
	position: relative;
	overflow: hidden;
}

.f_record_timeOld {
	position: relative;
	top: 10px;
}

.f_record_Msg {
	float: left;
	margin-top: 2%;
	margin-bottom: 2%;
	width: 100%;
	overflow: hidden;
}
.f_record_Msg:nth-child(1) {
	margin-top: 20px !important;
}
.f_record_Msg_l {
	float: left;
	min-width: 110px;
	background-color: #f6f6f4;
	border-radius: 22px;
}

.f_record_Msg_r {
	float: right;
	text-align: center;
}

.f_record_Msg_r_time,
.f_record_Msg_r_remove {
	font-size: 11px;
    color: #979797;
}

.f_record_Msg_r_remove {
	margin-top: 1%;
	color: #FA4F51;

}

#copyright {
	margin-top: 25px;
	background-color: transparent;
	font-size: 14px;
	color: #b3b3b3;
	text-align: center;
}

.comment_dianzan {
	margin-top: 2%;
	margin-left: 7px;
	margin-bottom: 1%;
}
.comment_dianzan1 {
	margin-top: 5% !important;
}

.zan-word {
	color: #333;
}

.comment_t {
	float: right;
	font-size: 11px;
    color: #979797;
}

.zan-icon {
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	border-radius: 50%;
	background-color: #FA4F51;
	
	
	
	
}

.zan-icon i {
	color: white;
	font-size: 12px;
}

.zan-word {
	font-size: 14px;
}

.comment_gift .zan-icon {
	background-color: #f1c146;
}

.comment_gift i {
	background-image: url(../images/index/live_button_present_bingbing.png);
}

.copyright {
	position: fixed;
	width: 100%;
	/*height: 4%;*/
	font-size: 11px;
	padding: 4px;
	text-align: center;
	color: #747474;
	background: #ebebeb;
	bottom: 0;
}


/*头部*/

.LHheader {
	position: absolute;
	z-index: 9;
	width: 100%;
	
	line-height: 50px;
	font-size: 14px;
	color: #fff;

}

.LHheader_t_l {
	
	border-radius:0px 10px 10px 0px ;
	z-index: 99;
	padding: 3px 10px;
	letter-spacing: 1px;
	
	background: rgba(255,85,85,0.8) ;
}

.LHheader_t_r {
	float: right;
		font-weight: bold;
	color:rgba(255,85,85,0.8);
	margin-right: 3%;
	font-size: 0.9rem !important;
}
.LHreturn{
	position: relative;
	font-size: 12px !important;
}

/*爱情小屋解释弹窗*/
 .gift_dec_top2{
 	padding: 20px 0;
 	height: none !important;
 	
 }
.leaveEXP {
	background-color: rgba(0,0,0,0.5);
	z-index: 10;
	position: absolute;
	width: 100%;
	height: 100%;
}

.LH_t {
	width:100%;
	position: absolute;
	
	margin-top: 8px;
	right: 0;
}

.LH_t span {
	width: 30px;
	height: 30px;
	display: inline-block;
	text-align: center;
	line-height: 30px;
	margin-left: 2%;
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	color: white;
	float: right;
	overflow: hidden;
}

.LH_t span i {
	font-size: 18px;
}

.LH_t_gift {
	margin-right: 3%;
	background-image: url(../images/index/live_button_present_bingbing.png);
	background-size: 100%;
}

.LH_b {
	margin-top: 15px;
	margin-left: 2%;
}

.LH_b img {
	height: 16px;
}



/*留言弹窗*/

.lhMessage_box {
	position: absolute;
	width: 100%;
	height: 53%;
	overflow: auto;
	bottom: -53%;
	transition: all 0.2s linear;
	background-color: #eee;
	z-index: 10;
}

.lhMsg {
	transition: all 0.2s linear;
	bottom: 0;
}

.lhmessageLi {
	position: relative;
	float: left;
	margin-left: 3%;
	margin-bottom: 4%;
	height: 36px;
	line-height: 36px;
	border-radius: 18px;
	background-color: #fff;
}

.lhmessageLi span {
	float: left;
	margin-right: 5px;
	padding-left: 10px;
	font-size: 14px;
}

.lhMessage {
	margin-top: 40px;
}

.lhMessage img {
	width: 36px;
	height: 36px;
}

.DIYMsgSend {
	position: fixed;
	background-color: white;
	z-index: 10;
	width: 100%;
	height: 35px;
	margin-bottom: 5px;
}

.DIYMsgSend input {
	outline: none;
	width: 70%;
	padding-left: 10px;
	height: 35px;
	border: none;
}

.DIYMsgS {
	position: relative;	
	display: inline-block;
	width: 20%;
	padding: 3px;
	text-align: center;
	border-radius: 20px;
	border: 1px solid #FA4F51;
	color: #FA4F51;
}


/* 弹幕 */
.DanmakuAll {
	position: absolute;
	
	width: 100%;
	height: 45%;
	margin-top: 35px;
}

.Danmaku {
	position: absolute;
	z-index: 5;
	min-width: 110px;
	top: 30%;
	height: 38px;
	background-color: #fff;
	border-radius: 22px;
	right: -50%;
}

.Danmaku1 {	
	top: 4%;
	right: -100%;
	-webkit-animation: rightIn 8s linear infinite;
}

.Danmaku2 {
	top: 8%;
	right: -100%;
	-webkit-animation: rightIn 10s linear infinite;
}

.Danmaku3 {
	top: 13%;
	right: -100%;
	-webkit-animation: rightIn 13s linear infinite;
}

.Danmaku4 {
	top:19%;
	right: -100%;
	-webkit-animation: rightIn 12s linear infinite;
}

.Danmaku5 {
	top:24%;
	right: -100%;
	-webkit-animation: rightIn 15s linear infinite;
}

.Danmaku6 {
	top:29%;
	right: -100%;
	-webkit-animation: rightIn 11s linear infinite;
}

.Danmaku7 {
	top:34%;
	right: -100%;
	-webkit-animation: rightIn 9s linear infinite;
}

.Danmaku8 {
	top:39%;
	right: -100%;
	-webkit-animation: rightIn 13s linear infinite;
}

.Danmaku9 {
	top:44%;
	right: -100%;
	-webkit-animation: rightIn 9s linear infinite;
}

.Danmaku10 {
	top:49%;
	right: -100%;
	-webkit-animation: rightIn 12s linear infinite;
}

.Danmaku11 {
	top:54%;
	right: -100%;
	-webkit-animation: rightIn 14s linear infinite;
}

.Danmaku12 {
	top:59%;
	right: -100%;
	-webkit-animation: rightIn 10s linear infinite;
}

.Danmaku13 {
	top:46%;
	right: -100%;
	-webkit-animation: rightIn 9s linear infinite;
}

.Danmaku13 {
	top:69%;
	right: -100%;
	-webkit-animation: rightIn 12s linear infinite;
}

@-webkit-keyframes rightIn {
	form {
		-webkit-transform: translateX(0);
	}
	to {
		-webkit-transform: translateX(-120rem);
	}
}

.userImg {
	float: left;
	width: 30px;
	height: 30px;
	margin-left: 5px;
	margin-top: 4px;
	border-radius: 50%;
	border: 1px solid lightgoldenrodyellow;
	background-size: 100%;
	overflow: hidden;
}
.emoji_img {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	float: right;
	overflow: hidden;
}

.Danmaku_name {
	font-size: 0.8rem;
	color: #aaa;
}

.emoji_dsp {
	color: #233;
	font-size: 0.9rem;
}

.Danmaku_word {
	margin-left: 5px;
	float: left;
}

.emoji_dsp {
	line-height: 20px;
	float: none;
	padding-right: 10px;
	padding-bottom: 3px;
}

.LH_like_box {	
	position: absolute;
	top: 55% !important;
	right: 33% !important;
}
.gift_Danmaku_box1{
	bottom: 60% !important;
}
/* S 升级球 */
.wrapper {
  /*background-color: #fff;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}



.green .progress,
.red .progress,
.orange .progress {
  position: relative;
  border-radius: 50%;
}

.green .progress,
.red .progress,
.orange .progress {
  width: 50px;
  height: 50px;
  border: 1px solid #ff978d;
}

.green .progress,
.red .progress,
.orange .progress {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.green .progress .inner,
.red .progress .inner,
.orange .progress .inner {
  position: absolute;
  overflow: hidden;
  z-index: 2;
  border-radius: 50%;
}

.green .progress .inner,
.red .progress .inner,
.orange .progress .inner {
  width: 50px;
  height: 50px;
}



.green .progress .inner,
.red .progress .inner,
.orange .progress .inner {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.green .progress .inner .water,
.red .progress .inner .water,
.orange .progress .inner .water {
  position: absolute;
  z-index: 1;
  width: 200%;
  height: 200%;
  left: -50%;
  border-radius: 40%;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: spin;
  animation-name: spin;
  z-index: 114;
}
.green .progress .inner .water.w2,
.red .progress .inner .water.w2,
.orange .progress .inner .water.w2 {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: spin1;
  animation-name: spin1;
}

.green .progress .inner .water.w2 {
  left: -50%;
  z-index: 110;
}

.green .progress .inner .water {
  top: 100%;
}

.green .progress .inner .water {
  background: #00aaee;
}

.green .progress .inner .water.w2 {
  background: #ff8d7f;
}

.green .progress .inner .water,
.red .progress .inner .water,
.orange .progress .inner .water {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.green .progress .inner .water,
.red .progress .inner .water,
.orange .progress .inner .water {
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
}

.green .progress .inner .glare,
.red .progress .inner .glare,
.orange .progress .inner .glare {
  position: absolute;
  top: -120%;
  left: -120%;
  z-index: 5;
  width: 200%;
  height: 200%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 50%;
}

.green .progress .inner .glare,
.red .progress .inner .glare,
.orange .progress .inner .glare {
  background-color: rgba(255, 255, 255, 0.15);
}

.green .progress .inner .glare,
.red .progress .inner .glare,
.orange .progress .inner .glare {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.green .progress .inner .percent,
.red .progress .inner .percent,
.orange .progress .inner .percent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-weight: bold;
  text-align: center;
}

.green .progress .inner .percent,
.red .progress .inner .percent,
.orange .progress .inner .percent {
  line-height: 150px;
  font-size: 30px;
  font-weight: normal;
}

.green .progress .inner .symbol {
  color: inherit;
  font-size: 20px;
  font-weight: normal;
}

.green .progress .inner .txt {
  /*color: #fff;*/
  font-size: 12px;
  position: absolute;
  top: 15px;
  width: 100%;
  text-align: center;
  z-index: 9999;
}

.green .progress .inner .up {
  color: #fff;
  position: absolute;
  bottom: 10px;
  left: 60px;
  z-index: 123;
  font-size: 15px;
}

.green .progress .inner .up-arrow {
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
  background-image: url(../img/icon-up.png);
  margin-left: 3px;
  vertical-align: top;
  margin-top: 3px;
}

.green .progress .inner .percent {
  color: #00aaee;
}

.green .progress .inner .percent {
  /*text-shadow: 0 0 10px #029502;*/
}

.green .progress .inner .percent,
.red .progress .inner .percent,
.orange .progress .inner .percent {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

#copyright {
  margin-top: 25px;
  background-color: transparent;
  font-size: 14px;
  color: #b3b3b3;
  text-align: center;
}



@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spin1 {
  from {
    -webkit-transform: rotate(-0deg);
    transform: rotate(-0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

@keyframes spin1 {
  from {
    -webkit-transform: rotate(-0deg);
    transform: rotate(-0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
.result{
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 20px;
}
.apply {
  position: relative;
  display: block;
  width: 90%;
  margin: 0 auto;
  border: 1px solid #EBEBEB;
  border-radius: 5px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
}

.apply .icon-apply {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url(../img/icon-apply.png);
  vertical-align: top;
  margin-top: 12px;
  margin-left: 3px;
}
.loan{
  position: relative;
  width: 100%;
  background-color:#f5f5f5 ;
}
.loan .hot{
  font-size: 12px;
  text-indent: 10px;
  height: 30px;
  line-height: 30px;
}
.loan .recommand-list li{
  background-color: #fff;
  margin-bottom: 10px;
  padding-bottom: 5px;
  
}
.loan .recommand-list li .tab-img{
  display: table-cell;
  width:90px;
  vertical-align: top;
}
.loan .recommand-list li .tab-content{
  display: table-cell;
  vertical-align: top;
  padding-top:10px;
}
.loan .recommand-list li .dai {
  background-image: url(../img/icon-daikuan.png);
  display: block;
  width: 90px;
  height: 90px;
  zoom: 0.8;
  margin:0 auto;
}

.loan .recommand-list li .haodai{
  background-position: -0px -0px;
  
}

.loan .recommand-list li .rong360 {
  background-position: -90px -0px;
}

.loan .recommand-list li .wallet {
  background-position: -180px -0px;
}
.loan .recommand-list li .tab-content .name{
  font-size: 15px;
  margin-right: 5px;
  height: 20px;
  line-height: 20px;
}
.loan .recommand-list li .tab-content .amount{
  color:#E20002;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
}
.loan .recommand-list li .tab-content .describe{
  color:#999;
  font-size: 12px;
  line-height: 20px;
}
.green {
    margin-top: 4px;
    margin-left: -64px;
}
.green .progress .inner .water{
  background: -ms-linear-gradient(top, #ff4940,  #fb5b53);        /* IE 10 */

background:-moz-linear-gradient(top,#ff4940,#fb5b53);/*火狐*/ 

background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#ff4940), to(#fb5b53));/*谷歌*/ 

background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff4940), to(#fb5b53));      /* Safari 4-5, Chrome 1-9*/

background: -webkit-linear-gradient(top, #ff4940, #fb5b53);   /*Safari5.1 Chrome 10+*/

background: -o-linear-gradient(top, #ff4940, #fb5b53);  /*Opera 11.10+*/
}
.copyright{
 font-size: 11px;
  
    text-align: center;
    color: #747474;
    background: #ebebeb;
    margin-left: -10px;
    margin-right: -10px;
}
.level_P{
  font-size: 11px;
  text-align: center;
  top: 14px;
  color: #fff;
  position: absolute;
    right:4px;
}
 .red{
  min-width: 12px;
    display: inline-block;
    text-align: center; 
    color: #fa4f51;
}




#gesturepwd{
  background: transparent !important;
  position: absolute;
    top: 50%;
    margin-top: -120px;
    margin-left: -120px;
    left: 50%;
}
.gift-dsp-word{
  padding: 20px 0 0;
}


.level-tips{
	
    width:130px;
  height: 60px;
  background: rgba(255,255,255,0.75);
  border-left:2px solid #FA4F51;
  border-top: 2px solid #FA4F51;
  
  border-bottom: 2px solid #FA4F51;
  
  position: absolute;
  right: 0;
  top: 8%;
  border-top-left-radius: 60px;
  border-bottom-left-radius: 60px;
  z-index: 9;
}
.wrapper p{
  color: #474747;
}
.gift-detail i{
  color: #fa4f51;
  font-size: 14px;
  margin-right: 3px;
}
.qipao{
 width: 75px;
    position: absolute;
    left: -4px;
    top: 17px;
    -webkit-animation:upDown1 2s 500ms infinite;
    -moz-animation:upDown1 2s 500ms infinite;
    -o-animation:upDown1 2s 500ms infinite;
    animation:upDown1 2s 500ms infinite;

}
@-webkit-keyframes upDown1{
  0%{opacity: 0;-webkit-transform:translate3d(0,0,0);}
  20%{opacity: 1}
  50%{opacity: 1;-webkit-transform:translate3d(0,-10px,0);}
  80%{opacity: 1}
  100%{opacity: 0;-webkit-transform:translate3d(0,0,0);}
}
.gift-dsp-wp,.gift-dsp,.qa-dsp,.company-intro,.require-seat{
  z-index: 9999 !important;
}

/* 升级球 E */


